JQuery与JS里submit()的区别示例介绍


Posted in Javascript onFebruary 17, 2014

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() 触发的。

Javascript 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(2)
Dec 23 Javascript
取键盘键位ASCII码的网页
Jul 30 Javascript
js removeChild 障眼法 可能出现的错误
Oct 06 Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
js中less常用的方法小结
Aug 09 Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
每周一练 之 数据结构与算法(Stack)
Apr 16 Javascript
Vue中的transition封装组件的实现方法
Aug 13 Javascript
JavaScript Date对象功能与用法学习记录
Apr 28 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 #Javascript
清除div下面的所有标签的方法
Feb 17 #Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 #Javascript
js打开新窗口方法整理
Feb 17 #Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 #Javascript
eclipse导入jquery包后报错的解决方法
Feb 17 #Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 #Javascript
You might like
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
PHP操作文件方法问答
2007/03/16 PHP
php与XML、XSLT、Mysql的结合运用实现代码
2009/11/19 PHP
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
初学PHP的朋友 经常问的一些问题。不断更新
2011/08/11 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
简要了解jQuery移动web开发的响应式布局设计
2015/12/04 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
2016/08/08 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
Vue实现一个无限加载列表功能
2018/11/13 Javascript
Nodejs实现图片上传、压缩预览、定时删除功能
2019/10/25 NodeJs
vue多个元素的样式选择器问题
2019/11/29 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
vue中template的三种写法示例
2020/10/21 Javascript
vant 时间选择器--开始时间和结束时间实例
2020/11/04 Javascript
python计算对角线有理函数插值的方法
2015/05/07 Python
django创建简单的页面响应实例教程
2019/09/06 Python
python基于opencv实现人脸识别
2021/01/04 Python
Python实现给PDF添加水印的方法
2021/01/25 Python
白宫黑市官网:White House Black Market
2016/11/17 全球购物
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
门诊挂号室室长岗位职责
2013/11/27 职场文书
《和我们一样享受春天》教学反思
2014/02/07 职场文书
领导干部廉政承诺书
2014/03/27 职场文书
大学生就业意向书范文
2014/04/01 职场文书
委托证明模板
2014/09/16 职场文书
创业计划书之面包店
2019/09/12 职场文书
Python list去重且保持原顺序不变的方法
2021/04/03 Python
PL350与SW11的比较
2021/04/22 无线电
漫画「处刑少女的生存之道」第3卷封面公开
2022/03/21 日漫
java版 联机五子棋游戏
2022/05/04 Java/Android
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技