jQuery如何在一个页面有多个表单时，按下回车键提交当前表单？

Question

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

谢谢。

- moo

Answer 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
    });

请查看jQuery文档中的closest

。

- BrunoLM

Answer 2

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

因此，除非我误解了问题，否则您无需担心。

- Gabriele Petrioli

---

是的，我的表单输入设置为按钮而不是提交，所以它没有工作。此外，该按钮与ajax函数相关联，因此我使用了.submit()并在函数中仅返回false以停止表单提交。谢谢大家。 - moo