JQuery与JS里submit()的区别示例介绍
作者:
这篇文章主要介绍了JQuery与JS里submit()的区别,需要的朋友可以参考下
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() 触发的。
复制代码 代码如下:
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() 触发的。
您可能感兴趣的文章:
- jQuery使用ajaxSubmit()提交表单示例
- Jquery ajaxsubmit上传图片实现代码
- jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
- jquery ajaxSubmit 异步提交的简单实现
- Jquery submit()无法提交问题
- 解决jquery submit()提交表单提示:f[s] is not a function
- jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
- 在jQuery ajax中按钮button和submit的区别分析
- jQuery ajaxSubmit 实现ajax提交表单局部刷新
- jquery submit()不能提交表单的解决方法