jQuery按Enter键在具有多个表单的页面上提交当前表单？

【问题标题】：jQuery hit enter to submit the current form on page with multiple forms?jQuery按Enter键在具有多个表单的页面上提交当前表单？
【发布时间】：2010-10-09 19:06:22
【问题描述】：

我有一个包含多个表单的页面，想知道是否有任何示例显示如何提交您在按 Enter 时填写的当前表单？

谢谢

【问题讨论】：

标签： jquery forms

【解决方案1】：

提交最接近的表格

$("element").closest("form").submit();

您必须添加一个事件keydown 并提交最接近的表单：

$("input[type=text]") // retrieve all inputs
    .keydown(function(e) { // bind keydown on all inputs
        if (e.keyCode == 13) // enter was pressed
            $(this).closest("form").submit(); // submit the current form
    });

见closest on jQuery docs

【讨论】：

【解决方案2】：

浏览器的默认行为，当在表单元素内按回车时，是提交该元素所属的表单..

所以你不用担心，除非我误解了这个问题..

【讨论】：

是的，我将表单输入设置为按钮不提交，所以它不起作用。加上按钮链接到 ajax 函数，所以我使用 .submit() 并在函数中返回 false 以停止表单提交。谢谢大家