Validation of radio button group using jQuery validation plugin

jquery validation
user27052 picture user27052 · Nov 10, 2008 · Viewed 285.6k times · Source

How to perform validation for a radio button group (one radio button should be selected) using jQuery validation plugin?

Answer

Brandon Rome picture Brandon Rome · Jul 27, 2010

With newer releases of jquery (1.3+ I think), all you have to do is set one of the members of the radio set to be required and jquery will take care of the rest:

<input type="radio" name="myoptions" value="blue" class="required"> Blue<br />
<input type="radio" name="myoptions" value="red"> Red<br />
<input type="radio" name="myoptions" value="green"> Green

The above would require at least 1 of the 3 radio options w/ the name of "my options" to be selected before proceeding.

The label suggestion by Mahes, btw, works wonderfully!

Related questions

How to allow only numeric (0-9) in HTML inputbox using jQuery?

I am creating a web page where I have an input text field in which I want to allow only numeric characters like (0,1,2,3,4,5...9) 0-9. How can I do this using jQuery?

Read More
Check if inputs are empty using jQuery

I have a form that I would like all fields to be filled in. If a field is clicked into and then not filled out, I would like to display a red background. Here is my code: $('#apply-form input').…

Read More
Email validation using jQuery

I'm new to jQuery and was wondering how to use it to validate email addresses.

Read More