Jquery Validate Plugin 防止双重提交验证

Question

我正在使用 jquery 验证插件：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

我只想在验证通过时禁用提交按钮：

试过了

$("#submit").click(function()
{
    $(this).attr("disabled", "disabled");
});

但是即使验证失败，这也会禁用提交按钮。有没有办法只在验证通过并发生提交事件时禁用提交？

Answer 1

查看源代码，看起来您应该能够覆盖invalidHandler，类似于：

$("#form").validate({
    submitHandler: function(form) {
    // disable your button here
    form.submit();
   },
   invalidHandler: function() {
     // re-enable the button here as validation has failed
   }
});

乍一看，这似乎是您希望使用 validate 插件执行此操作的方式，但不幸的是，我没有时间 atm 来摆弄它以确保 确定 它有效。

编辑：

这应该可以（我使用了一个名为 fname 的单个文本字段进行测试）：

$('#frm').bind('invalid-form.validate', function(){
    // you can add extra validation handling here if you want to
});

$('#frm').validate({
    rules: {
        fname: "required"
    },
    submitHandler: function(form){
        $('form input[type=submit]').attr('disabled', 'disabled');
        form.submit();
    }
});

submitHandler仅在验证通过后才被点击。