巧用js提交表單輕松解決一個(gè)頁(yè)面有多個(gè)提交按鈕
更新時(shí)間：2013年11月17日 16:43:51 作者：
使用js提交表單想必大家都會(huì)，如果要實(shí)現(xiàn)一個(gè)頁(yè)面有多個(gè)提交按鈕，你會(huì)嗎？下面有個(gè)不錯(cuò)的示例，大家可以感受下
復(fù)制代碼 代碼如下:
<pre class="javascript" name="code">function check(txt){
$j("form").submit(function(){
if($txt=="提交"){
this.action="doAddMessage.action?button=提交";
this.submit();
}else{
this.action="doAddMessage.action?button=保存";
this.submit();
}
});
}</pre><br>
<input type="IMAGE" src="style/blue/images/button/send.png" name="button" value="提交" onclick="check(this)"/><input type="IMAGE"src="style/blue/images/button/saveToDraftBox.png" name="button" value="保存" onclick="check(this)"/>
<pre></pre>
<p><br>
例如:頁(yè)面中有兩個(gè)圖片按鈕的提交，我們這個(gè)時(shí)候可以給他們都綁定onclick事件，這個(gè)時(shí)候我們借助jquery的form表單有個(gè)事件，叫做submit的。</p>
<p>如圖，由于，我的項(xiàng)目里面用了dwr,我把jquery的控制權(quán)轉(zhuǎn)讓給dwr，jquery重新指定 了一個(gè)$j,我們獲取表單，然后使用submit事件，通過(guò)判斷value的值，從而可以進(jìn)行多個(gè)頁(yè)面的跳轉(zhuǎn)。</p>
<p> </p>
<p> </p>
相關(guān)文章
這篇文章主要介紹了Cookies 和 Session的詳解及區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-04-04
微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法
這篇文章主要介紹了微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
腳本收藏iframe...2006-07-07
JS使用reduce()方法處理樹(shù)形結(jié)構(gòu)數(shù)據(jù)
這篇文章主要介紹了JS使用reduce()方法處理樹(shù)形結(jié)構(gòu)數(shù)據(jù)，對(duì)樹(shù)形結(jié)構(gòu)數(shù)據(jù)感興趣的同學(xué)，可以參考下2021-05-05
js利用數(shù)組length屬性清空和截短數(shù)組的小例子
這篇文章主要介紹了js利用數(shù)組length屬性清空和截短數(shù)組的小例子，有需要的朋友可以參考一下2014-01-01
IE下Ajax緩存問(wèn)題的快速解決方法(get方式)
IE下Ajax緩存問(wèn)題的快速解決方法(get方式)。網(wǎng)上搜了很多解決方案，一大把，下面是我認(rèn)為比較全面的解決方案。主要分為客戶端解決和服務(wù)端解決2014-01-01
基于d3.js/neovis.js/neod3.js實(shí)現(xiàn)鏈接neo4j圖形數(shù)據(jù)庫(kù)的圖像化顯示功能
neovis.js?由vis.js支持的圖形可視化以及來(lái)自Neo4j的數(shù)據(jù)。這篇文章主要介紹了基于d3.js/neovis.js/neod3.js實(shí)現(xiàn)鏈接neo4j圖形數(shù)據(jù)庫(kù)的圖像化顯示功能,需要的朋友可以參考下2022-02-02
element-ui?對(duì)話框dialog使用echarts報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題
這篇文章主要介紹了element-ui?對(duì)話框dialog里使用echarts，報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題，在這個(gè)事件里邊進(jìn)行echarts的初始化，執(zhí)行數(shù)據(jù)，本文結(jié)合實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下2022-11-11
微信小程序網(wǎng)絡(luò)請(qǐng)求封裝示例
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求封裝示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
這篇文章給大家總結(jié)下JavaScript數(shù)組去重的幾種方法，面試中也經(jīng)常會(huì)遇到這個(gè)問(wèn)題。文中給大家引申的還有合并數(shù)組并去重的方法，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2021-10-10