仅在实际提交时使用jQuery隐藏表单提交按钮

Question

有一段时间我一直在使用以下代码......

$("input[type=submit]:not(.noHide)").one('click', function() {
    $(this).hide();
    $(this).click(function () { return false; });
});

在点击时禁用表单提交按钮，主要是为了避免双击提交两次。

我现在有一个或两个带有必填字段的表格......

<input type="date" name="DatePurchased" required>

这种中断，因为一旦遗漏得到纠正，提交按钮就会消失。

有没有办法在成功提交后禁用按钮，而不仅仅是点击？

Answer 1

改为使用submit-event。

$("input[type=submit]:not(.noHide)").on('submit', function() {
    if ($(this).not(':visible')) {
        return false;
    }
    $(this).hide();
});