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