如果提交程序启动，提交事件不会触发 [英] submit event does not fire if submit initiated programatically

问题描述

 < form action =/method =postid = MyForm的 > 
< input type =hiddenname =Field1value =Value1/> 
< input type =hiddenname =Field2value =Value2/> 
< input type =submitname =namevalue =submit/> 
< / form> 
  

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

  window.onsubmit = function（）
 {
 alert（提交发生！）; 
}; 
  

如果点击提交按钮，此事件处理程序将正常启动。
但是，当从javascript程序触发提交时，事件从不起作用：

  $（＃MyForm）[0] 。提交（）; 
  

如果由Javascript发起，如何抓住提交事件处理程序，而不是通过用户点击？
我尝试使用Jquery或AddEventListener订阅Form事件 - 不起作用。

解决方案

这是因为你不应该只需使用提交函数，但触发器提交如下：

  $（＃MyForm）。trigger（'submit'）; 
  

I have a HTML form with button:

<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>

I have event handler for submit attached to Window:

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

This event handler fires properly if I click "Submit" button. However events never works when submit is triggered programatically from javascript:

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

How to catch submit event handler when it was initiated by Javascript, not by User click? I tried to subscribe for Form event using Jquery or AddEventListener - does not work.

解决方案

That's because you shouldn't just use the submit function, but trigger the submit like:

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

这篇关于如果提交程序启动，提交事件不会触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！