Question

我只需点击提交按钮即可提交表单。我不想按回车提交表格。

这是我的代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>    

<script>
 $('#regForm').on('keyup keypress', function(e) {
 var keyCode = e.keyCode || e.which;
   if (keyCode === 13) { 
     e.preventDefault();
     return false;
   }
 });
</script>

<form action="2.php" method="get" id="regForm">
 <input name="a" type="text" />
 <input name="b" type="text" />
 <input name="sub" type="submit" value="Submit" />
</form>

2.php包含var_dump($_GET);但是在按回车键并点击提交按钮后会提交表单

Answer 1

你几乎是对的，但是小错误。您需要在<{1}}上委派这些事件，而不是input本身：

<form>

以上代码不会注册 Enter key。

与工作代码段相同的代码：

＆＃13;

$('#regForm').on('keyup keypress', "input", function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { 
    e.preventDefault();
    return false;
  }
});

＆＃13;

$(function () {
  $('#regForm').on('keyup keypress', "input", function(e) {
    var keyCode = e.keyCode || e.which;
    if (keyCode === 13) {
      e.preventDefault();
      return false;
    }
  });
});

＆＃13;

如何通过单击“提交”按钮提交表单

1 个答案: