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