JQuery与JS里submit()的区别示例介绍 - Web前端

asp.net 的服务器控件回发是使用这一段JS代码：
复制代码 代码如下:
var theFORM = document.forms['Form1'];
if (!theForm) {
theForm = document.form1;
}
function __dopostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}

今天遇到的问题是想在服务器端控件回发之前给其中一个隐藏域赋值，以给服务器传值。

于是就用JQuery的 submit([[data],fn]) 方法添加了一个事件，但发现不起作用。

我用 $("form:first").submit() 试了一下，发现能触发事件函数。

怎么回事呢？查了一下资料发现js的原生函数 void submit() 并不触发submit事件。这也是为什么上面那段代码里有
复制代码 代码如下:
if (<span style="color:#006600">!theForm.onsubmit || (theForm.onsubmit() != false</span>)) {
...
}

这句了。

于是把添加事件写成
复制代码 代码如下:
$("form:first")<span style="color:#006600">.get(0)</span>.onsubmit = function () {
...
};

就可以啦。

另外，用jQuery的 submit([[data],fn]) 添加的事件是可以用 $().submit() 触发的。

标签：示例区别WebsubmitJSJQuery