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

而是使用这个

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

而不是用这个

<input type="submit">

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

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

问题是如何在按回车键时禁用提交。而不是如何在整个应用程序中忽略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”> > < /按钮提交 > < /形式

不需要阻止用户按Enter键(这似乎不自然)，您可以让表单保持原样，并添加一些额外的客户端验证:当调查未完成时，结果不会发送到服务器，用户会收到一条漂亮的消息，告诉需要完成哪些内容才能完成表单。如果您正在使用jQuery，请尝试验证插件:

http://docs.jquery.com/Plugins/Validation

这将需要比捕捉Enter按钮更多的工作，但肯定会提供更丰富的用户体验。

您可以使用一种方法，例如

$(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});

在阅读原文的评论时，为了让它更有用，并允许人们在填写完所有字段后按Enter:

function validationFunction() {
  $('input').each(function() {
    ...

  }
  if(good) {
    return true;
  }
  return false;
}

$(document).ready(function() {
  $(window).keydown(function(event){
    if( (event.keyCode == 13) && (validationFunction() == false) ) {
      event.preventDefault();
      return false;
    }
  });
});

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

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

只需在submit方法上调用它。