web應(yīng)用中常見的問題就是多次提交，由于表單提交的延遲，有時幾秒或者更長，讓用戶有機(jī)會多次點 擊提交按鈕，從而導(dǎo)致服務(wù)器端代碼的種種麻煩。

為了解決這個問題，我們可以綁定處理程序到表單的提交事件上，在提交按鈕第一次點擊之后禁止提交按 鈕。

?

Js代碼

$("form").submit(function(){??

$(":submit",this).attr("disabled","disabled");??

});??

$("form").submit(function(){ $(":submit",this).attr("disabled","disabled"); });

?

在事件處理程序體內(nèi)，用：submit選擇器來獲取表單內(nèi)所有的提交按鈕，并將disable特性值改為disabled（w3c官方推 薦的特性設(shè)置）。請注意，建立匹配集的時候我們提供this的上下文值，this指針總是引用已綁定事件的頁面元素。

以這種方式禁止提交按鈕，不會免除服務(wù)器代碼的責(zé)任-----預(yù)防雙重提交或者其它類型的驗證問 題。添加這種代碼到客戶端能夠提高終端用戶的界面友好程度，但是它防止不了攻擊或者其他黑客企圖，所以我們的服務(wù)器端代碼應(yīng)該始終保持警惕

轉(zhuǎn)載于:https://www.cnblogs.com/top5/archive/2010/02/01/1660750.html

總結(jié)

以上是生活随笔為你收集整理的jQuery防止多次提交的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。