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

submit event does not fire if submit initiated programmatically(如果提交以编程方式启动,则提交事件不会触发)
本文介绍了如果提交以编程方式启动,则提交事件不会触发的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我有一个带有按钮的 HTML 表单:

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!");
};

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

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

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

当提交事件处理程序由 Javascript 启动时,如何捕获它,而不是通过用户点击?我尝试使用 Jquery 或 AddEventListener 订阅 Form 事件 - 不起作用.

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.

推荐答案

那是因为你不应该只使用 submit 函数,而是 trigger 提交如下:

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

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

这篇关于如果提交以编程方式启动,则提交事件不会触发的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

SCRIPT5: Access is denied in IE9 on xmlhttprequest(SCRIPT5:在 IE9 中对 xmlhttprequest 的访问被拒绝)
XMLHttpRequest module not defined/found(XMLHttpRequest 模块未定义/未找到)
Show a progress bar for downloading files using XHR2/AJAX(显示使用 XHR2/AJAX 下载文件的进度条)
How can I open a JSON file in JavaScript without jQuery?(如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件?)
How do I get the HTTP status code with jQuery?(如何使用 jQuery 获取 HTTP 状态码?)
quot;Origin null is not allowed by Access-Control-Allow-Originquot; in Chrome. Why?(“Access-Control-Allow-Origin 不允许 Origin null在铬.为什么?)