如何防止在表单中按下回车键时提交输入字段？

Question

我有一个简单的表格。

包括输入字段、复选框、单选按钮和最后的提交按钮。

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

如何阻止这种情况在该表格上发生（而不是所有输入字段）？

- st4ck0v3rfl0w

Answer 1

假设您不想在按下回车键时提交的输入框具有类名noSubmit，那么请使用以下代码：

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

- TheVillageIdiot

Answer 2

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

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

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

- casablanca