Jquery验证插件防止双重提交验证

前端之家收集整理的这篇文章主要介绍了Jquery验证插件防止双重提交验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 jquery验证插件

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

只有当验证通过时,我想要禁用提交按钮:

试过

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

但是即使验证失败,它也会禁用提交按钮.是否有一种方法只能在验证通过时禁用提交,并提交提交事件?

解决方法

看看源代码,看起来你应该能够覆盖invalidHandler,其中的一些是:
$("#form").validate({
    submitHandler: function(form) {
    // disable your button here
    form.submit();
   },invalidHandler: function() {
     // re-enable the button here as validation has Failed
   }
});

一目了然,这似乎是你想要使用验证插件来做这个事情的方式,但我不幸的是没有时间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才会被击中.

原文链接:https://www.f2er.com/jquery/176680.html

猜你在找的jQuery相关文章