javascript - jQuery/JS 查找提交表单的元素

Question

我制作了一个 jQuery 插件，它重新编程表单的提交按钮以使用 ajax 请求。

当提交按钮不是<submit>元素时会出现问题，如下所示：

<div class="home" onclick="document.form.submit()">
     <h2>Save</h2>
</div>

有没有办法让我以“优雅”的方式找到这些元素？

Answer 1

您可以绑定到自身的提交事件，而不是修改所有可能触发表单提交的元素：<form>

$("form").submit(function(e) {
    e.preventDefault();  // Inhibit default submission.
    // Now submit form through AJAX...
});