仅在实际提交时使用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();
});