Javascript屏蔽回车提交表单

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>
posted @ 2015-05-20 16:56  冲锋号  阅读(1072)  评论(0编辑  收藏  举报