1. 程式人生 > >阻止表單提交按鈕多次提交

阻止表單提交按鈕多次提交

碰巧看到《超實用jQuery程式碼段》關於單個頁面重複提交按鈕,粘張圖吧

說明:

  給提交按鈕繫結單擊事件,該事件函式內通過attr()函式 先禁用該提交按鈕的單擊功能,因為此時使用者已經提交過一次了,禁用為防止反覆操作提交功能。

  然後使用ajax()函式 實現非同步資料通訊功能,ajax通訊成功後返回函式內重新啟用提交按鈕功能。

更新於2046.10.12

如果表單是通過onsubmit進行Ajax提交,注意將表單提交按鈕input type屬性設為button,儘量不要設定為submit型別。 另外,在提交事件發出後,最好將提交按鈕設定為disabled,防止由於網路延時問題,讓使用者有機會進行多次點選重複提交。 onclick事件裡面執行 $(this).attr('disabled','disabled'); 在點選一次後立馬將按鈕設定為不可使用。

或者向如下方法另行定義一個jQuery函式來進行控制:     $("form").submit(function(){       $(":submit",this).attr("disabled","disabled");       });