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

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

• • html利用input防止回车提交
  • js防止回车提交
  • 使用jquery
  • ���接写在html中

    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中