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

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

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

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

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

<form onsubmit="return false;">

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

为了阻止表单被提交，我必须捕获所有与按下键相关的三个事件:

    var preventSubmit = function(event) {
        if(event.keyCode == 13) {
            console.log("caught ya!");
            event.preventDefault();
            //event.stopPropagation();
            return false;
        }
    }
    $("#search").keypress(preventSubmit);
    $("#search").keydown(preventSubmit);
    $("#search").keyup(preventSubmit);

你可以把上面所有的组合成一个漂亮的紧凑版本:

    $('#search').bind('keypress keydown keyup', function(e){
       if(e.keyCode == 13) { e.preventDefault(); }
    });

这对我很有用

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