JQuery與JS里submit()的區(qū)別示例介紹
更新時(shí)間：2014年02月17日 16:38:10 作者：
這篇文章主要介紹了JQuery與JS里submit()的區(qū)別,需要的朋友可以參考下
ASP.NET 的服務(wù)器控件回發(fā)是使用這一段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();
}
}
今天遇到的問題是想在服務(wù)器端控件回發(fā)之前給其中一個(gè)隱藏域賦值，以給服務(wù)器傳值。
于是就用JQuery的 submit([[data],fn]) 方法添加了一個(gè)事件，但發(fā)現(xiàn)不起作用。
我用 $("form:first").submit() 試了一下，發(fā)現(xiàn)能觸發(fā)事件函數(shù)。
怎么回事呢？查了一下資料發(fā)現(xiàn)js的原生函數(shù) void submit() 并不觸發(fā)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() 觸發(fā)的。
復(fù)制代碼 代碼如下:
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();
}
}
今天遇到的問題是想在服務(wù)器端控件回發(fā)之前給其中一個(gè)隱藏域賦值，以給服務(wù)器傳值。
于是就用JQuery的 submit([[data],fn]) 方法添加了一個(gè)事件，但發(fā)現(xiàn)不起作用。
我用 $("form:first").submit() 試了一下，發(fā)現(xiàn)能觸發(fā)事件函數(shù)。
怎么回事呢？查了一下資料發(fā)現(xiàn)js的原生函數(shù) void submit() 并不觸發(fā)submit事件。這也是為什么上面那段代碼里有
復(fù)制代碼 代碼如下:
if (<span style="color:#006600">!theForm.onsubmit || (theForm.onsubmit() != false</span>)) {
...
}
這句了。
于是把添加事件寫成
復(fù)制代碼 代碼如下:
$("form:first")<span style="color:#006600">.get(0)</span>.onsubmit = function () {
...
};
就可以啦。
另外，用JQuery的 submit([[data],fn]) 添加的事件是可以用 $().submit() 觸發(fā)的。
您可能感興趣的文章:
- jQuery使用ajaxSubmit()提交表單示例
- Jquery ajaxsubmit上傳圖片實(shí)現(xiàn)代碼
- jquery的ajaxSubmit()異步上傳圖片并保存表單數(shù)據(jù)演示代碼
- jquery ajaxSubmit 異步提交的簡(jiǎn)單實(shí)現(xiàn)
- Jquery submit()無法提交問題
- 解決jquery submit()提交表單提示：f[s] is not a function
- jquery中使用$(#form).submit()重寫提交表單無效原因分析及解決
- 在jQuery ajax中按鈕button和submit的區(qū)別分析
- jQuery ajaxSubmit 實(shí)現(xiàn)ajax提交表單局部刷新
- jquery submit()不能提交表單的解決方法
相關(guān)文章
怎樣判斷有沒有綁定一個(gè)事件，大家可以參考下。2009-10-10
jQuery實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)游戲
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)游戲，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
JQuyer $.post 與 $.ajax 訪問WCF ajax service 時(shí)的問題需要注意的地方
我注意到，當(dāng)在jquery中使用$.post()后，默認(rèn)的contentType是application/x-www-form-urlencoded 形式進(jìn)行了urlencoded - 當(dāng)我的asp.net MVC代碼需要的contentType=application/json2011-09-09
jQuery設(shè)置和移除文本框默認(rèn)值的方法
這篇文章主要介紹了jQuery設(shè)置和移除文本框默認(rèn)值的方法,實(shí)例分析了jQuery操作文本框的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jquery點(diǎn)擊實(shí)現(xiàn)升序降序圖標(biāo)切換
這篇文章主要為大家詳細(xì)介紹了jquery點(diǎn)擊實(shí)現(xiàn)升序降序圖標(biāo)切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
最近在寫一個(gè)首頁返回頂部的效果，因?yàn)镮E6不兼容position:fixed的原因，一直找不到好的解決辦法。在Google了一下，有了點(diǎn)眉目，加上一點(diǎn)自己的開發(fā)，總算誤打誤撞的把問題解決了。2011-01-01
jquery 多行滾動(dòng)代碼(附詳細(xì)解釋)
在網(wǎng)上可以隨處找到這段代碼，但是沒有任何人解釋這段代碼，只要自己研究好久。2010-06-06
基于jQuery實(shí)現(xiàn)自動(dòng)輪播旋轉(zhuǎn)木馬特效
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)自動(dòng)輪播旋轉(zhuǎn)木馬特效，圖片輪播效果特別適合做產(chǎn)品展示，感興趣的小伙伴可以參考下。2015-11-11
jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無縫滾動(dòng)切換特效
這篇文章主要介紹了jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無縫滾動(dòng)切換特效,效果非常的棒，而且兼容性也很好，推薦給小伙伴們2015-04-04
利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-01-01