如果以编程方式启动提交，则不会触发提交事件

Question

>我有一个带有按钮的HTML表单：

<form action="/" method="post" id="MyForm">
<input type="hidden" name="Field1" value="Value1" />
<input type="hidden" name="Field2" value="Value2" />
<input type="submit" name="name" value="submit" />
</form>

我有附加到窗口的提交事件处理程序：

window.onsubmit = function()
{
    alert("Submit happening!");
};

如果我单击"提交"按钮，此事件处理程序将正确触发。但是，当从 javascript 以编程方式触发提交时，事件永远不会起作用：

$("#MyForm")[0].submit();

如何捕获由 Javascript 启动的提交事件处理程序，而不是通过用户单击启动的？我尝试使用 Jquery 或 AddEventListener 订阅表单事件 - 不起作用。

Answer 1

这是因为您不应该只使用 submit 函数，而应该像这样trigger提交：

$("#MyForm").trigger('submit');

Answer 2

当您手动调用 form.submit() 时，浏览器不会触发表单的onsubmit处理程序。

jQuery也模仿了用来模仿这一点（参见这个"wontfix"bug"报告）。

另请参阅：

• jQuery的$（form）.submit（;不应该在表单标签中触发onSubmit吗？
• JQuery：提交时不起作用