如何通過單擊“提交”按鈕提交表單

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); 但是按Enter鍵並單擊“提交”按鈕后將提交表單

Answer 1

你幾乎是對的，但是小錯誤。 您需要將這些事件委托給input s而不是<form>本身：

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

以上代碼不會注冊Enter鍵。

與工作代碼段相同的代碼：

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

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></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>