jquery 如何阻止提交表单呢？

补充第一点，修改文本里面的值，按键盘enter后离开text ,使得失去焦点，相当与修改确认（但不触发提交事件）。

解决方案 »

  1.   

    一点是焦点没失去，一个是焦点失去  两个事件里面分别绑定enter键盘事件，防止冒泡
      

  2.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    $(function(){
        $("body").keyup(function(e){
            if(e.keyCode==13){
                $("form").submit();//触发表单事件
            }
        });
        $("#tx1").keyup(function(e){
            if(e.keyCode==13){
              $(this).next().focus();
              return false;
            }
        });
    })
    </script>
    <title>无标题文档</title>
    </head>
     
    <body>
    <form action="css3动画属性.html" onsubmit='return false'>
        <input type="text" id="tx1" />
        <input type="submit" value="提交" id="sub" />
    </form>
    </body>
    </html
      

  3.   

    事件绑定改一下
        $("#tx1").keydown(function(e){
            if(e.keyCode==13){
              e.preventDefault()
              $(this).next().focus();
              returnValue=false
            }
        });
    删去表单的 onsubmit='return false'