学习在js中屏蔽回车自动提交表单的功能，html利用input防止回车提交

html利用input防止回车提交

默认情况下，单个输入框，无论按钮的type=”submit”还是type=”button”类型，回车即提交。
1.当type=”submit”时，无论有几个type=”text”输入框，回车均表示提交。（submit）
2.当type=”button”时，且存在多个输入框，回车不提交。（button）
3.解决单个输入框的回车即提交问题，参考第二点：可以增加一个input=”text”，隐藏; 然后type类型为button。

js防止回车提交

function ifenter(){ 
    if(event.keyCode==13){
        return   false;
    }else if(event.srcElement.type=="submit"){ 
        form1.submit(); 
    }
} 
document.onkeydown=ifenter;

使用jquery

/禁止按回车提交
$(document).ready(function(){
    $("input[@type='text']").each(
        function(){
          $(this).keypress( function(e) {
             var key = window.event ? e.keyCode : e.which;
                 if(key.toString() == "13"){
                       return false;
                  }
           });
         });
    })

直接写在html中

<form name="myform" action="" onkeydown="if(event.keyCode==13){return false;}">
<input type=text name=user>
<input type=text name=pass>
<input type=button name=mybutton value=submit onclick=myform.submit()>
</form>