使HTML表单上的Enter键提交而不是激活按钮

我有一个带有单个submit输入的HTML表单，但也包含各种button元素。当用户按下“ enter”键时，我希望它实际提交表单，但是（至少在Chrome 15中），我发现它触发了第一个button表单（因为在HTML中早于submit输入表单， 我猜）。

我知道一般来说，您不能强迫浏览器偏爱特定的submit输入，但我确实认为它们会偏爱submit输入而不是button元素。我可以对HTML进行一些小的调整以使它起作用，还是我不得不采用某种Javascript方法？

这是HTML的粗略模型：

<form action="form.php" method="POST">
    <input type="text" name="field1"/>
    <button onclick="return myFunc1()">Button 1</button>
    <input type="submit" name="go" value="Submit"/>
</form>

您不需要JavaScript即可选择默认的提交按钮或输入。您只需要用标记它type="submit"，其他按钮用标记它们type="button"。在您的示例中：

<button type="button" onclick="return myFunc1()">Button 1</button>
<input type="submit" name="go" value="Submit"/>

您可以使用jQuery：

$(function() {
    $("form input").keypress(function (e) {
        if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
            $('button[type=submit] .default').click();
            return false;
        } else {
            return true;
        }
    });
});

试试这个，如果按下回车键，您可以像这样捕获它，例如，我开发了一个答案，那天html按钮指定为select，看看是否有帮助。

指定表单名称，例如，yourFormName那么您应该能够提交表单而不必关注表单。

document.onkeypress = keyPress;

function keyPress(e){
  var x = e || window.event;
  var key = (x.keyCode || x.which);
  if(key == 13 || key == 3){
   //  myFunc1();
   document.yourFormName.submit();
  }
}

$("form#submit input").on('keypress',function(event) {
  event.preventDefault();
  if (event.which === 13) {
    $('button.submit').trigger('click');
  }
});

我只是遇到了一个问题。我的从将inputa更改为a是一个落差，button而我的/>标签终止符写得不好：

所以我有：

<button name="submit_login" type="submit" class="login" />Login</button>

并将其修改为：

<button name="submit_login" type="submit" class="login">Login</button>

现在就像魅力一样，总是烦人的小事... HTH

鉴于只有一个（或使用该解决方案甚至可能没有一个）提交按钮，这是基于jQuery的解决方案，将适用于同一页面上的多种表单...

<script type="text/javascript">
    $(document).ready(function () {

        var makeAllFormSubmitOnEnter = function () {
            $('form input, form select').live('keypress', function (e) {
                if (e.which && e.which == 13) {
                    $(this).parents('form').submit();
                    return false;
                } else {
                    return true;
                }
            });
        };

        makeAllFormSubmitOnEnter();
    });
</script>

我只是在Chrome，Firefox和IE10中进行了旋转。

如上所述-确保已使用类型=“ button”，“ reset”，“ submit”等进行标记，以确保其正确地级联并选择正确的按钮。

也许也将所有这些都设置为具有相同的形式（即所有对我有用的形式）