单击时禁用提交按钮不提交表单

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);
});