如果使用Vue，使用以下代码来阻止用户通过按Enter提交表单:

<form @submit.prevent>...</form>

一种完全不同的方法:

The first <button type="submit"> in the form will be activated on pressing Enter. This is true even if the button is hidden with style="display:none; The script for that button can return false, which aborts the submission process. You can still have another <button type=submit> to submit the form. Just return true to cascade the submission. Pressing Enter while the real submit button is focussed will activate the real submit button. Pressing Enter inside <textarea> or other form controls will behave as normal. Pressing Enter inside <input> form controls will trigger the first <button type=submit>, which returns false, and thus nothing happens.

因此:

<form action="...">
  <!-- insert this next line immediately after the <form> opening tag -->
  <button type=submit onclick="return false;" style="display:none;"></button>

  <!-- everything else follows as normal -->
  <!-- ... -->
  <button type=submit>Submit</button>
</form>

这里已经有很多好的答案，我只是想从用户体验的角度贡献一些东西。键盘控件在表单中非常重要。

问题是如何在按回车键时禁用提交。而不是如何在整个应用程序中忽略Enter。因此，考虑将处理程序附加到表单元素，而不是窗口。

禁用Enter表单提交仍然允许以下:

当提交按钮被聚焦时，通过输入提交表单。 填充所有字段时提交表单。 通过Enter与非提交按钮交互。

这只是一个样板，但它符合所有三个条件。

$(“形式”)。On ('keypress'，函数(e) { //注册按键。 $attr = $(e.target).attr('type'); $node = e.target.nodeName.toLowerCase(); if ($ attr = = =“按钮”| | $ attr = = = '提交' | | $ node = = =“文本区域”){ 返回true; ｝ //如果没有填充所有字段，则忽略按键。 if (e.which === 13 && ! fieldsarepopulate (this)) { 返回错误; ｝ });

我有一个类似的问题，我有一个网格与“ajax textfields”(Yii CGridView)，只有一个提交按钮。每次我在文本框中搜索并点击输入提交的表单。我必须对按钮做一些事情，因为它是视图之间唯一的公共按钮(MVC模式)。我所要做的就是删除type="submit"，并把onclick="document.forms[0].submit()

我在这里没有看到答案:当您通过页面上的元素时，当您到达提交按钮时按Enter将触发表单上的onsubmit处理程序，但它将记录事件为MouseEvent。以下是我的简单解决方案:

这不是一个与jquery相关的答案

HTML

<form onsubmit="return false;" method=post>
  <input type="text" /><br />
  <input type="button" onclick="this.form.submit()" value="submit via mouse or keyboard" />
  <input type="button" onclick="submitMouseOnly(event)" value="submit via mouse only" />
</form>

JavaScript

window.submitMouseOnly=function(evt){
    let allow=(evt instanceof MouseEvent) && evt.x>0 && evt.y>0 && evt.screenX > 0 && evt.screenY > 0;
    if(allow)(evt.tagName=='FORM'?evt.target:evt.target.form).submit();
}

要找到一个工作示例:https://jsfiddle.net/nemesarial/6rhogva2/

您可以创建一个JavaScript方法来检查是否按下了Enter键，如果按下了，就停止提交。

<script type="text/javascript">
  function noenter() {
  return !(window.event && window.event.keyCode == 13); }
</script>

只需在submit方法上调用它。