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

Question

我的表单上有 4 个按钮:提交、取消、添加和删除按钮。一切都按预期工作，但我想禁用“添加”按钮，直到输入字段验证。我正在使用验证插件，我认为这可以通过回调所需的验证来完成，但我不确定。

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

更新:

这是一些代码的想法

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

寻找 true/false 选项标志来设置禁用属性

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 类，然后添加禁用属性。您可以通过 CSS 将禁用样式应用到按钮。