單擊時禁用提交按鈕不提交表單

Question

我試圖防止表單的雙重提交，並且這樣做是在首次單擊后禁用“提交”按鈕。 為此，我在頁面上添加了以下javascript：

var $loginSubmitBtn = $('#loginSubmitBtn');
$loginSubmitBtn.click(function () {
    $loginSubmitBtn.prop('disabled', true);
}); 

這具有在執行Post提交表單之前禁用按鈕的不良效果。 有沒有一種方法可以確保在禁用按鈕之前通過發布？

Answer 1

與其在click后禁用按鈕，不如在表單submit后將其禁用：

var $loginSubmitBtn = $('#loginSubmitBtn');

$('#yourForm').on('submit', function() {
  $loginSubmitBtn.prop('disabled', true);
});