请查看这篇文章如何防止按ENTER键提交web表单?

$(“.pc_prevent_submit”)时函数(){ 美元(窗口).keydown(函数(事件){ 如果事件。keyCode == 13) { event.preventDefault (); 返回错误; ｝ })； })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <form class= " pc_prevent_submit " action= " " method= " post " > <input type= " text " name= " username " > <input type= " password " name= " userpassword " > <input type= " submit " value= " submit " > > < /形式

在我的案例中，这个jQuery JavaScript解决了这个问题

jQuery(function() {
            jQuery("form.myform").submit(function(event) {
               event.preventDefault();
               return false;
            });
}

另一种方法是仅在表单应该提交时才将提交输入按钮附加到表单，并在表单填充期间将其替换为简单的div

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

ENTER键仅仅激活表单的默认提交按钮，这将是第一个

<input type="submit" />

浏览器在表单中查找。

所以不要有提交按钮，而是类似的东西

<input type="button" value="Submit" onclick="submitform()" /> 

编辑:回应评论中的讨论:

如果只有一个文本字段，这就行不通了——但在这种情况下，这可能是理想的行为。

另一个问题是，这依赖于Javascript来提交表单。从可访问性的角度来看，这可能是一个问题。这可以通过用javascript编写<input type='button'/>来解决，然后在<noscript>标签中放入<input type='submit' />。这种方法的缺点是，对于禁用javascript的浏览器，您将在ENTER时提交表单。在这种情况下，由OP决定期望的行为是什么。

我知道没有办法做到这一点而不调用javascript。

防止“ENTER”提交表单可能会给一些用户带来不便。所以你最好按照下面的步骤来做:

在你的表单标签中写入'onSubmit'事件:

<form name="formname" id="formId" onSubmit="return testSubmit()" ...>
 ....
 ....
 ....
</form>

编写Javascript函数如下:

function testSubmit(){
  if(jQuery("#formId").valid())
      {
        return true;
      }
       return false;

     } 

     (OR)

不管是什么原因，如果你想阻止按Enter键提交表单，你可以用javascript写下面的函数:

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

谢谢。