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