你也可以使用javascript:void(0)来阻止表单提交。

<form action="javascript:void(0)" method="post">
    <label for="">Search</label>
    <input type="text">
    <button type="sybmit">Submit</button>
</form>

<form action="javascript:void(0)" method="post"> <标签= " " > < / >标签搜索 < input type = " text " > <按钮类型=“sybmit”> > < /按钮提交 > < /形式

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

问题是如何在按回车键时禁用提交。而不是如何在整个应用程序中忽略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)) { 返回错误; ｝ });

没有提交按钮也行。只需在输入(type=button)中放入一个脚本，如果希望它提交表单中的数据，则添加eventListener。

而是使用这个

<input type="button" onclick="event.preventDefault();this.closest('form').submit();">

而不是用这个

<input type="submit">

注意:这里需要onclick在点击时实际提交表单。默认情况下，type="button"不足以提交。

我需要防止只提交特定的输入，所以我使用了一个类选择器，让它成为我需要的“全局”特性。

<input id="txtEmail" name="txtEmail" class="idNoEnter" .... />

jQuery代码:

$('.idNoEnter').keydown(function (e) {
  if (e.keyCode == 13) {
    e.preventDefault();
  }
});

或者，如果keydown不够用:

$('.idNoEnter').on('keypress keydown keyup', function (e) {
   if (e.keyCode == 13) {
     e.preventDefault();
   }
});

一些注意事项:

在这里修改各种不错的答案，Enter键似乎适用于所有浏览器的keydown。对于替代方法，我将bind()更新为on()方法。

我是类选择器的忠实粉丝，权衡所有的利弊和性能讨论。我的命名约定是'idSomething'，表示jQuery将其用作id，以将其与CSS样式分开。

如果你使用脚本来实际提交，那么你可以像这样在onsubmit处理程序中添加“return false”行:

<form onsubmit="return false;">

从JavaScript调用表单上的submit()不会触发该事件。

在我的特定情况下，我必须停止ENTER提交表单，并模拟单击提交按钮。这是因为提交按钮上有一个点击处理程序，因为我们在一个模态窗口中(继承了旧代码)。在任何情况下，这是我的组合解。

    $('input,select').keypress(function(event) {
        // detect ENTER key
        if (event.keyCode == 13) {
            // simulate submit button click
            $("#btn-submit").click();
            // stop form from submitting via ENTER key press
            event.preventDefault ? event.preventDefault() : event.returnValue = false;
        }
    });

这个用例对于使用IE8的人特别有用。