使用Enter键提交表单而不提交按钮?

时间:2012-01-24 03:23:33

标签: jquery html forms form-submit

  

可能重复:
  HTML: Submitting a form by pressing enter without a submit button

如何在文本输入字段中仅使用Enter键提交表单,而无需添加提交按钮?

我记得这在过去有效,但我现在对它进行了测试,除非里面有提交类型的输入字段,否则表单不会被提交。

4 个答案:

答案 0 :(得分:204)

$("input").keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
        $("form").submit();
    }
});

答案 1 :(得分:47)

将#form更改为表单的ID

$('#form input').keydown(function(e) {
    if (e.keyCode == 13) {
        $('#form').submit();
    }
});

或者

$('input').keydown(function(e) {
    if (e.keyCode == 13) {
        $(this).closest('form').submit();
    }
});

答案 2 :(得分:14)

Jay Gilford的回答是有效的,但我认为最简单的方法就是在表单中的提交按钮上点击display: none;

答案 3 :(得分:5)

@ JayGuilford的答案很好,但是如果你不想要JS依赖,你可以使用submit元素,只需使用display: none;隐藏它。