如何在验证失败时禁用提交按钮,并在使用validation.js后再启用它?

时间:2012-10-12 17:39:59

标签: javascript jquery jquery-validate

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

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

通过这个我可以在总表单有效时启用它但是如果之后某个字段再次被更改并且如果表单变得无效则如何再次禁用它?任何人都可以帮助我这个

1 个答案:

答案 0 :(得分:1)

尝试使用以下代码禁用按钮

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

要启用,请尝试以下操作:

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

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

<强>更新 我想你想要改变价值。如果是这样,那么你必须验证文本框的模糊,并在下拉列表中更改,如下所示: 对于文本框

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

            }

        });


         });

For Dropdownlist

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