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

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