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

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

禁止在任何地方输入键

如果你的表单中没有<textarea>，那么只需将以下内容添加到你的<form>:

<form ... onkeydown="return event.key != 'Enter';">

或者使用jQuery:

$(document).on("keydown", "form", function(event) { 
    return event.key != "Enter";
});

这将导致表单内的每一次按键都将在该键上进行检查。如果它不是Enter，那么它将返回true，一切照常进行。如果它是Enter，那么它将返回false，任何事情都将立即停止，因此表单将不会提交。

keydown事件优先于keyup事件，因为keyup事件太晚而无法阻止表单提交。历史上也有按键，但这已弃用，KeyboardEvent.keyCode也是如此。你应该使用KeyboardEvent。键，返回所按键的名称。当选中Enter时，这将检查13(正常输入)和108 (numpad输入)。

请注意，在其他一些答案中建议的$(window)而不是$(document)在IE<=8中的keydown/keyup中不起作用，所以如果你想覆盖那些贫穷的用户，这不是一个好的选择。

只允许在文本区域输入键

如果你在你的表单中有一个<textarea>(当然应该接受Enter键)，然后添加keydown处理程序到每个不是<textarea>的单独输入元素。

<input ... onkeydown="return event.key != 'Enter';">
<select ... onkeydown="return event.key != 'Enter';">
...

为了减少样板文件，最好使用jQuery:

$(document).on("keydown", ":input:not(textarea)", function(event) {
    return event.key != "Enter";
});

如果在这些输入元素上附加了其他事件处理程序函数，出于某种原因也想在enter键上调用这些函数，那么只防止事件的默认行为，而不是返回false，这样它就可以正确地传播到其他处理程序。

$(document).on("keydown", ":input:not(textarea)", function(event) {
    if (event.key == "Enter") {
        event.preventDefault();
    }
});

允许输入键在文本区域和提交按钮

如果你想允许提交按钮上的输入键<input|button type="submit">，那么你总是可以像下面那样细化选择器。

$(document).on("keydown", ":input:not(textarea):not(:submit)", function(event) {
    // ...
});

请注意，在其他一些答案中建议的输入[type=text]不包括那些HTML5非文本输入，所以这不是一个好的选择器。

我认为它很好地涵盖了所有的答案，但如果你正在使用一个带有JavaScript验证代码的按钮，你可以将表单的onkeypress设置为Enter来调用你的提交:

<form method="POST" action="..." onkeypress="if(event.keyCode == 13) mySubmitFunction(this); return false;">

onkeypress JS可以是你需要做的任何事情。没有必要进行更大的全球性变革。如果你不是那个从头开始编写应用程序的人，而且你被请去修复别人的网站，而没有把它拆开并重新测试它，这就尤其正确。

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

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

只需在submit方法上调用它。

如果你正在使用Alpine，你可以通过按Enter来阻止表单提交:

<div x-data>
  <form x-on:keydown.prevent.enter="">...</form>
</div>

或者，您可以使用.window修饰符在页面的根窗口对象而不是元素上注册事件侦听器。

<form>
  <div x-data>
    <input x-on:keydown.window.prevent.enter="" type="text">
  </div>
</form>

这对我很有用

jQuery.each($("#your_form_id").find('input'), function(){
    $(this).bind('keypress keydown keyup', function(e){
       if(e.keyCode == 13) { e.preventDefault(); }
    });
});