validate multiple radio button groups using jquery validator

Question

I have 6 sets of radio buttons, all independent of each other. Im using JQuery validation plugin to validate them(they are all required). However the validation only works on the first one the 'satisfaction' group. My validation code is here

jQuery(document).ready(function() {
$("#surveyForm").validate({
    rules: {
        satisfaction: {
            required: true
        },

        responding: {
            required: true
        },

        listening: {
            required: true
        },

        solution: {
            required: true
        },

        communication: {
            required: true
        },

        professional: {
            required: true
        }

    },
    messages:{
        satisfaction: {
            required: "this"
        },

        responding: {
            required: "is"
        },

        listening: {
            required: "a"
        },

        solution: {
            required: "test"
        },

        communication: {
            required: "to"
        },

        professional: {
            required: "see"
        }
    }
});

});

Any suggestions?

JS Fiddle

Can you show your HTML and make a fiddle?

Barmar
– Barmar

2013-06-19 21:21:09 +00:00
Commented Jun 19, 2013 at 21:21 — Barmar
– Barmar, Commented Jun 19, 2013 at 21:21
I added a js fiddle to illustrate

user2255811
– user2255811

2013-06-19 23:40:35 +00:00
Commented Jun 19, 2013 at 23:40 — user2255811
– user2255811, Commented Jun 19, 2013 at 23:40

Barmar · Accepted Answer · 2013-06-20 00:02:19Z

1

You had <div id="q1"> before <form id="surveyForm">, so the matching </div> was terminating the form.

Change the order of those two lines and the problem is resolved.

FIDDLE

answered Jun 20, 2013 at 0:02

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

2 Comments

user2255811 Over a year ago

That was it! thanks, I cant believe I made such a stupid mistake

Barmar Over a year ago

The browser's DOM inspector is a wonderful thing, learn to use it.

Collectives™ on Stack Overflow

validate multiple radio button groups using jquery validator

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related