JQuery与JS里submit()的区别示例介绍
更新时间：2014年02月17日 16:38:10 作者：
这篇文章主要介绍了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()不能提交表单的解决方法
相关文章
怎样判断有没有绑定一个事件，大家可以参考下。2009-10-10
这篇文章主要为大家详细介绍了jQuery实现简单的抽奖游戏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
我注意到，当在jquery中使用$.post()后，默认的contentType是application/x-www-form-urlencoded 形式进行了urlencoded - 当我的asp.net MVC代码需要的contentType=application/json2011-09-09
这篇文章主要介绍了jQuery设置和移除文本框默认值的方法,实例分析了jQuery操作文本框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了jquery点击实现升序降序图标切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最近在写一个首页返回顶部的效果，因为IE6不兼容position:fixed的原因，一直找不到好的解决办法。在Google了一下，有了点眉目，加上一点自己的开发，总算误打误撞的把问题解决了。2011-01-01
在网上可以随处找到这段代码，但是没有任何人解释这段代码，只要自己研究好久。2010-06-06
这篇文章主要介绍了基于jQuery实现自动轮播旋转木马特效，图片轮播效果特别适合做产品展示，感兴趣的小伙伴可以参考下。2015-11-11
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
这篇文章主要介绍了jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效,效果非常的棒，而且兼容性也很好，推荐给小伙伴们2015-04-04
利用JQuery实现datatables插件的增加和删除行功能
这篇文章给大家介绍了jquery实现datatables插件的增加和删除行的功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下2017-01-01
最新评论