阻止表單提交按鈕多次提交的完美解決方法
更新時間：2016年05月16日 10:02:40 投稿：jingxian
下面小編就為大家?guī)硪黄柚贡韱翁峤话粹o多次提交的完美解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧，祝大家游戲愉快哦
如果表單是通過onsubmit進行Ajax提交，注意將表單提交按鈕input type屬性設為button，盡量不要設置為submit類型。
另外，在提交事件發(fā)出后，最好將提交按鈕設置為disabled，防止由于網絡延時問題，讓用戶有機會進行多次點擊重復提交。
onclick事件里面執(zhí)行 $(this).attr('disabled','disabled'); 在點擊一次后立馬將按鈕設置為不可使用。
或者向如下方法另行定義一個jQuery函數(shù)來進行控制：
$("form").submit(function(){
$(":submit",this).attr("disabled","disabled");
});
以上這篇阻止表單提交按鈕多次提交的完美解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
常用的是 event.clientX和event.clientY分別獲取橫向的和縱向的位置，但僅使用這個方法是不夠的，感興趣的朋友可以了解本文2014-05-05
Firebug是Firefox下的一款開發(fā)類插件，現(xiàn)屬于Firefox的五星級強力推薦插件之一。2010-01-01
JavaScript的ES5實現(xiàn)繼承的4種常用方法小結
繼承是面向對象軟件技術當中的一個概念,這篇文章主要為大家詳細介紹了JavaScript ES5實現(xiàn)繼承的4種常用方法,感興趣的小伙伴可以了解一下2024-03-03
uniapp實現(xiàn)人臉識別功能的具體實現(xiàn)代碼
最近在使用uniapp開發(fā)項目,有刷臉實名認證的需求,下面這篇文章主要給大家介紹了關于uniapp實現(xiàn)人臉識別功能的具體實現(xiàn),文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
bootstrap中使用google prettify讓代碼高亮的方法
使用google prettify 讓代碼高亮非常漂亮，接下來通過本文給大家介紹bootstrap中使用google prettify讓代碼高亮的方法，感興趣的朋友一起看看吧2016-10-10
不知道大家平時都是使用什么錄屏軟件呢,有沒有想過只用JavaScript我們也可以快速實現(xiàn)一個錄屏插件呢,感興趣的小伙伴就跟隨小編一起學習一下吧2024-10-10
本節(jié)主要介紹了用js判斷日期是否能跨月查詢,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了js倒計時簡單實現(xiàn)方法，方便一些提示重要日期的來臨，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要給大家介紹了關于JS異步執(zhí)行結果獲取的3種解決方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-02-02
javascript axios 實現(xiàn)進度監(jiān)控的示例代碼
在使用axios發(fā)送HTTP請求時,可以通過onUploadProgress和onDownloadProgress來監(jiān)控上傳和下載的進度,具有一定的參考價值,感興趣的可以了解一下2025-01-01