How to use JQuery validation plugin with conditions?

Question

I am using JQuery validation plugin to validate my form.

I have a radio button on the top. if you pick "yes", some input fields will show up. if you pick "no", different input fields will be used.

How do I change my validation codes, so It will validate those fields based on the radio button?

Andrew Whitaker · Accepted Answer · 2011-07-21 17:56:13Z

1

This is pretty simple if you're just worried about required fields. You can supply a dependency for the required rule:

$("#test").validate({
    rules: {
        Yes1: {
            required: "#yes:checked"
        },
        Yes2: {
            required: "#yes:checked"
        },
        No1: {
            required: "#no:checked"
        },
        No2: {
            required: "#no:checked"
        }
    }
});

Example: http://jsfiddle.net/andrewwhitaker/7SYcE/

Now, this gets more complicated if you're using other rules. I will expand my answer if this isn't powerful enough for you.

answered Jul 21, 2011 at 17:56

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

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

Collectives™ on Stack Overflow

How to use JQuery validation plugin with conditions?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related