阻止表單提交按鈕多次提交的完美解決方法
更新時(shí)間：2016年05月16日 10:02:40 投稿：jingxian
下面小編就為大家?guī)硪黄柚贡韱翁峤话粹o多次提交的完美解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧，祝大家游戲愉快哦
如果表單是通過onsubmit進(jìn)行Ajax提交，注意將表單提交按鈕input type屬性設(shè)為button，盡量不要設(shè)置為submit類型。
另外，在提交事件發(fā)出后，最好將提交按鈕設(shè)置為disabled，防止由于網(wǎng)絡(luò)延時(shí)問題，讓用戶有機(jī)會(huì)進(jìn)行多次點(diǎn)擊重復(fù)提交。
onclick事件里面執(zhí)行 $(this).attr('disabled','disabled'); 在點(diǎn)擊一次后立馬將按鈕設(shè)置為不可使用。
或者向如下方法另行定義一個(gè)jQuery函數(shù)來進(jìn)行控制：
$("form").submit(function(){
$(":submit",this).attr("disabled","disabled");
});
以上這篇阻止表單提交按鈕多次提交的完美解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
原始值代表原始數(shù)據(jù)類型的值,也叫基本數(shù)據(jù)類型,包括 Number、Stirng、Boolean、Null、Underfined,下面這篇文章主要給大家介紹了關(guān)于JavaScript中原始值和引用值深入講解的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要是對(duì)hasOwnProperty方法的應(yīng)用進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
這篇文章主要介紹了webpack 模塊熱替換原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
下面小編就為大家分享一篇javascript 通過鍵名獲取鍵盤的keyCode方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了bootstrap輪播模板的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
微信小程序購物商城系統(tǒng)開發(fā)系列-工具篇的介紹
這篇文章主要介紹了微信小程序購物商城系統(tǒng)開發(fā)系列-工具篇的介紹,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-11-11
js實(shí)現(xiàn)視頻播放時(shí)屏幕顯示水印
這篇文章主要為大家詳細(xì)介紹了js如何實(shí)現(xiàn)視頻播放時(shí)屏幕顯示水印的效果,文中的示例代碼講解詳細(xì),對(duì)我們深入掌握js有一定的幫助,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
webpack DllPlugin xxx is not defined解決辦法
這篇文章主要介紹了webpack DllPlugin xxx is not defined解決辦法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了JS for...in 遍歷語句用法,結(jié)合實(shí)例形式分析了javascript的for...in語句進(jìn)行數(shù)組遍歷的具體流程與使用技巧,需要的朋友可以參考下2016-08-08
這篇文章主要給大家介紹了利用r.js打包模塊化的javascript文件的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來跟著小編一起看看吧。2017-06-06