Question

我有一个简单的表格。

输入字段，复选框，单选按钮，最后是SUBMIT按钮。

我使用jQuery来执行AJAX验证，但是当用户在输入字段中按下ENTER时，它会提交表单！

如何阻止此表单（不是所有输入字段）发生这种情况？

Answer 1

假设您在输入时不想提交的输入具有类noSubmit，则使用此代码：

$(function(){
     $("input.noSubmit").keypress(function(e){
         var k=e.keyCode || e.which;
         if(k==13){
             e.preventDefault();
         }
     });
 });

Answer 2

您可以使用onsubmit处理程序来捕获表单提交并执行验证：

<form onsubmit="return validate();">
...
</form>

<script type="text/javascript">
function validate() {
  // return true to submit form or false to stop
}
</script>

当按下回车键时如何防止表单内的输入字段提交？

2 个答案: