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èn)題是想在服務(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>)) {
...
}
這句了。
于是把添加事件寫(xiě)成
$("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èn)題是想在服務(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>)) {
...
}
這句了。
于是把添加事件寫(xiě)成
復(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()無(wú)法提交問(wèn)題
- 解決jquery submit()提交表單提示:f[s] is not a function
- jquery中使用$(#form).submit()重寫(xiě)提交表單無(wú)效原因分析及解決
- 在jQuery ajax中按鈕button和submit的區(qū)別分析
- jQuery ajaxSubmit 實(shí)現(xiàn)ajax提交表單局部刷新
- jquery submit()不能提交表單的解決方法
相關(guān)文章
jQuery實(shí)現(xiàn)6位數(shù)字密碼輸入框
本文主要對(duì)jQuery實(shí)現(xiàn)6位數(shù)字密碼輸入框的大概思路、實(shí)現(xiàn)代碼進(jìn)行詳細(xì)介紹,具有一定的參考價(jià)值,需要的朋友一起來(lái)看下吧2016-12-12jquery如何實(shí)現(xiàn)點(diǎn)擊空白處隱藏元素
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊空白處隱藏元素div等方法和實(shí)現(xiàn)代碼的講解,一起學(xué)習(xí)下。2017-12-12jQuery隔行變色與普通JS寫(xiě)法的對(duì)比
普通JS寫(xiě)法與jQuery選擇器寫(xiě)法,選擇table的行,隔一行,選擇一行,感興趣的朋友可以參考下哈,希望對(duì)你有所幫助2013-04-04Jquery實(shí)戰(zhàn)_讀書(shū)筆記1—選擇jQuery
近期公司積極組織我們這些開(kāi)發(fā)人員學(xué)習(xí)進(jìn)步,督促我們學(xué)習(xí)更多的技術(shù)來(lái)提高自己。為此我選擇了jQuery作為我學(xué)習(xí)的方向,同時(shí)我也是想將我的學(xué)習(xí)心得分享給大家,以后我會(huì)不斷的更新一系列jQuery方面的學(xué)習(xí)紀(jì)要,幫助大家學(xué)習(xí)。2010-01-01jquery控制listbox中項(xiàng)的移動(dòng)并排序
以下是用jquery控制ASP.NET中的兩個(gè)asp:listbox控件中選擇項(xiàng)的移動(dòng)。2009-11-11jquery easyui combobox模糊過(guò)濾(示例代碼)
這篇文章主要介紹了jquery easyui combobox模糊過(guò)濾(示例代碼)。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11JQuery中attr方法和removeAttr方法用法實(shí)例
這篇文章主要介紹了JQuery中attr方法和removeAttr方法用法,實(shí)例分析了jQuery中attr方法設(shè)置屬性與removeAttr方法移除屬性的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05JQuery實(shí)現(xiàn)定時(shí)刷新功能代碼
在網(wǎng)頁(yè)開(kāi)發(fā)中,經(jīng)常會(huì)需要不斷的刷新某個(gè)頁(yè)面或某個(gè)局部數(shù)據(jù)。這時(shí)候就需要用到定時(shí)刷新來(lái)實(shí)現(xiàn)了。接下來(lái)通過(guò)本文給大家分享jquery實(shí)現(xiàn)定時(shí)刷新功能,需要的朋友參考下吧2017-05-05