javascript - 我怎样才能确保只提交一个表单，同时很好地使用 jQuery 验证？

Question

我使用以下方法在提交表单后禁用表单上的所有提交按钮，以防止人们双击提交按钮等:

jQuery (function ($) {
    $('form').bind ('submit', function () {
        $(this).find ('button').attr ('disabled', 'disabled');
    });
});

我正在使用 jquery.validate，它在验证错误的情况下，在提交表单时仍然会触发“提交”，因此用户会看到一个有错误的表单，并且禁用了提交按钮。

如何修改上面的代码来检测表单是否有 jquery.validation 错误？

Answer 1

$(function() {
    $('form').bind('submit', function() {
        $(this).find('input:submit').attr('disabled', true);
    });
});

您可以通过调用 $("form").valid()

检查表单是否有效