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

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