jquery validation only for visible controls

Question

I am using jquery validation for required field vaidation.

$("#registerform").validate();

This fires for the controls which are hidden too.

For ex.: When the user selects Others option in How you find us? in register form, its required to fill the textbox for others option.

But this fires even when the control is hidden.

How to do it in jquery validation?

Answer 1

I haven't used the jQuery validation before but according to the doco there's an ignore field that you can pass a jQuery selector to. By using the :visible selector you should be able to do this.

I believe this is what you're after

$("#registerform").validate({ignore:":not(:visible)"});

Answer 2

You may try to add :visible to the selector itself:

$("#registerform :visible")