Disable jquery validation plugin in hidden div

Question

Basically i want to disable the jQuery validation plugin "ketchup" in a specified div of a register form.

This div is hidden by default, and will only appear if a radio button is checked.

The main problem is that i can't submit the information of the form, because the validation is still active for the hidden div in the rest of the form.

This is an example of my code that puts the div hidden, and now i want to disable the jQuery validation in it if the radio button is not checked, but maintaining it for the rest of the form. And if the radio button is checked the validation will work for the entire form.

$("#escondido").css("display","none");

$("#element_30_2").change(function(){
    if ($(this).attr("checked") == true) {         
        $("#escondido").show();

    } else {

        $("#escondido").hide();
    }
});

what about your validation code?

Pav
– Pav

2011-05-06 13:59:47 +00:00
Commented May 6, 2011 at 13:59 — Pav
– Pav, Commented May 6, 2011 at 13:59
demos.usejquery.com/ketchup-plugin

ferreiraesi
– ferreiraesi

2011-05-06 14:31:11 +00:00
Commented May 6, 2011 at 14:31 — ferreiraesi
– ferreiraesi, Commented May 6, 2011 at 14:31

mcgrailm · Accepted Answer · 2011-05-06 14:07:46Z

1

you just need to disable the inputs

$("#element_30_2").change(function(){ if ($(this).attr("checked") == true) {
    $("#escondido").show().find('input').removeAttr('disabled');

} else {

    $("#escondido").hide().find('input').attr('disabled','disabled');

}

this also means that the values will not be submitted

as a side note i support the use of jQuery validation plugin i am not associated with them just know its a good product and was developed by someone on the jQuery team

edited May 6, 2011 at 14:07

answered May 6, 2011 at 13:59

mcgrailm

17.7k22 gold badges85 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ferreiraesi Over a year ago

It doesn't work. The validation is still active in the hidden div if the radio button is not checked.

Collectives™ on Stack Overflow

Disable jquery validation plugin in hidden div

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related