以下是我的做法:

window.addEventListener('keydown', function(event)
{
    if (event.key === "Enter" && event.target.tagName !== 'TEXTAREA')
    {
        if(event.target.type !== 'submit')
        {
            event.preventDefault();
            return false;
        }
    }
});

stopSubmitOnEnter (e) {
  var eve = e || window.event;
  var keycode = eve.keyCode || eve.which || eve.charCode;

  if (keycode == 13) {
    eve.cancelBubble = true;
    eve.returnValue = false;

    if (eve.stopPropagation) {   
      eve.stopPropagation();
      eve.preventDefault();
    }

    return false;
  }
}

然后在表格上:

<form id="foo" onkeypress="stopSubmitOnEnter(e);">

不过，如果不使用突兀的JavaScript会更好。

我认为，你可以在javascript的表单中捕获键下，防止冒泡。网页上的ENTER基本上只是提交当前所选控件所在的表单。

以下是我的做法:

window.addEventListener('keydown', function(event)
{
    if (event.key === "Enter" && event.target.tagName !== 'TEXTAREA')
    {
        if(event.target.type !== 'submit')
        {
            event.preventDefault();
            return false;
        }
    }
});

我也遇到了同样的问题(表单包含大量的文本字段和不熟练的用户)。

我是这样解决的:

function chkSubmit() {
    if (window.confirm('Do you want to store the data?')) {
        return true;
    } else {
        // some code to focus on a specific field
        return false;
    }
}

在HTML代码中使用这个:

<form
    action="go.php" 
    method="post"
    accept-charset="utf-8"  
    enctype="multipart/form-data"
    onsubmit="return chkSubmit()"
>

通过这种方式，ENTER键按计划工作，但需要确认(通常是第二次按ENTER键)。

我留给读者的任务是，如果用户决定继续使用表单，那么脚本会将用户发送到按ENTER的字段中。

简单地添加这个属性到你的FORM标签:

onsubmit="return gbCanSubmit;"

然后，在你的SCRIPT标签中，添加这个:

var gbCanSubmit = false;

然后，当你创建一个按钮或出于任何其他原因(比如在函数中)你最终允许提交时，只需翻转全局布尔值并执行.submit()调用，类似于下面的示例:

function submitClick(){

  // error handler code goes here and return false if bad data

  // okay, proceed...
  gbCanSubmit = true;
  $('#myform').submit(); // jQuery example

}