jQuery处理JS表单提交

Question

我有以下jQuery：

$("form").submit(function() {
    //DO STUFF HERE             
});

但是，它没有检测/捕获/处理此JavaScript中正在发生的提交

document.form1.submit()

看起来超级简单。我敢肯定这是我的一些简单/愚蠢的事情。提前谢谢。

Answer 1

jQuery只捕获默认的浏览器行为，比如点击提交按钮，以及jQuery自己添加的事件……

Answer 2

使用JavaScript调用表单的submit方法将绕过附加到该表单的任何事件处理程序。它们在用户提交表单时触发，而不是在页面提交时触发。

当您以编程方式提交时，需要手动触发任何事件处理程序。jQuery submit method将为您提取这些内容。因此在jQuery对象上调用submit()，而不是直接在HTMLFormElementNode上调用。

jQuery('#form1').submit(); // Assuming you have a form with an id instead of the obsolete name attribute

Answer 3

我建议您也使用jQuery提交表单-将您的document.form1.submit()替换为：

$('#form1').submit();

这绕过了关于哪些操作触发哪些javascript事件的许多浏览器不一致问题。