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

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

碰巧看到《超實用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");  
    });