jQuery禁用按钮(不提交),直到字段验证+验证插件

Question

我的表单上有4个按钮,一个提交,取消,添加和删除按钮.所有都按预期工作,但我想禁用添加按钮,直到输入字段验证.我正在使用Validation插件,我认为这可以通过回调进行必要的验证,但我不确定.

有人能指出我正确的方向吗？

更新:

这是一些代码的概念

required: function(element) { 
   return($('#chargeamtaddButton').attr('disabled', ? '','disabled');
}

查找true/false选项标志以设置disabled属性

Answer 1

我实际上发现了最好的方法,它checkForm()在插件中使用了一个未记录的方法.

将此代码添加到$(document).ready()表单所在页面上的函数中.

$('#yourform').bind('change keyup', function() {
    if($(this).validate().checkForm()) {
        $('#submitbutton').removeClass('button_disabled').attr('disabled', false);
    } else {
        $('#submitbutton').addClass('button_disabled').attr('disabled', true);
    }
});

在这种情况下,它会将类添加button_disabled到按钮,然后添加disabled属性.您可以通过CSS将禁用的样式应用于按钮.

Answer 2

我以前使用过验证插件，但我不记得所有细节。我很确定它是这样的：

$(function() {
    $('#myForm').validate(
        rules: {
            'elementToWatch': {
                success: function(element) { 
                    if($("#myform").validate().element("#myselect")) {
                        $('#chargeamtaddButton:disabled').removeAttr('disabled');
                    } else {
                        $('#chargeamtaddButton').attr('disabled','disabled');
                    }
                },
                // etc...
             },
             // etc...
         },
         // etc...
     });
 });

由于使用验证插件的方法有很多，因此很难为您提供完美的建议，但我希望我所展示的内容能让您更好地了解如何继续前进。也许如果您提供更多代码和 HTML，我可以为您提供更多帮助。