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

Question

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

当提交按钮不是 <submit> 时出现问题元素，像这样:

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

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

Answer 1

无需修改所有可能触发表单提交的元素，您可以绑定(bind)到 submit <form> 上的事件本身:

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