如何在验证失败时禁用提交按钮并在使用validation.js通过后重新启用它？

Question

我在我的网站中使用validate.js 进行验证。那么如何在验证失败时禁用提交按钮并在验证通过后重新启用它。我已经通过将以下代码添加到成功回调来尝试过

success: function(label) {
            label.html(" ").addClass("pop_valid");
            if($('#form').validate()){
                $('#submit -button').attr('disabled',false);
            }
        }

通过这个，我可以在总表单有效时启用它，但如果之后再次更改某些字段并且如果表单变得无效，如何再次禁用它？任何人都可以帮我解决这个问题

Answer 1

尝试以下代码禁用按钮

 $('[id$=helobtn]').attr("disabled", "disabled");

要启用，请尝试以下操作：

$('[id$=helobtn]').removeAttr("disabled");

希望这对你有帮助............或者你可以View this link to get what you require..

更新 我认为您想在更改值上执行此操作。如果是这样，那么您必须验证文本框的模糊和 Change 的下拉列表，如下所示： 对于文本框

    $(document).ready(function () {
        $('[id$=test]').live('blur', function () {
            if (validate) {
                // enable btn 
            } else {
                // disable btn 

            }

        });


         });

对于下拉列表

 $('[id$=test]').live('change', function () {
            if (validate) {
                // enable btn 
            } else {
                // disable btn 
            }
        });