php-如何仅通过单击提交按钮来提交表单

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了php-如何仅通过单击提交按钮来提交表单，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1264字，纯文字阅读大概需要2分钟。

内容图文

我只需要单击提交按钮即可提交表单.我不想按Enter提交表单.

这是我的代码.

<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);但是它将在按下回车键并单击提交按钮后提交表单

解决方法:

您几乎是正确的,但是是个小错误.您需要将这些事件委托给输入,而不是< 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>

内容总结

以上是互联网集市为您收集整理的php-如何仅通过单击提交按钮来提交表单全部内容，希望文章能够帮你解决php-如何仅通过单击提交按钮来提交表单所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端