你也可以使用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”> > < /按钮提交 > < /形式

你也可以使用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”> > < /按钮提交 > < /形式

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

禁止在任何地方输入键

如果你的表单中没有<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非文本输入，所以这不是一个好的选择器。

这将禁用页面上所有表单的输入键，并且不阻止在文本区域输入。

    // disable form submit with enter

    $('form input:not([type="submit"])').keydown((e) => {
        if (e.keyCode === 13) {
            e.preventDefault();
            return false;
        }
        return true;
    });

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

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

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