[jQuery] (validate) Validating multiple drop down boxes
Hi All,
I need to check that a user's birthday has been filled out completely,
using drop down menus. I can validate each of the menus individually
(see code below), but what i really want to do is make one check that
all three are selected so that I don't have 3 extra error labels...
Any suggestions?
$(document).ready(function(){
$("#form1").validate({
rules: {
MOB: "required" ,
DOB: "required",
YOB: "required"
},
messages: {
MOB: "Need a month",
DOB: "Need a Day",
YOB: "Need a year",
}
)};
)};
<html>
<label for="MOB" id="lblDOB">Date of Birth</label><br />
<select id="MOB" name="MOB">
<option value="" selected="selected">Month</option>
<option value="2">January</option>
</select>
<select id="DOB" name="DOB">
<option value="" selected="selected">Day</option>
<option value="2">02</option>
</select>
<select id="YOB" name="YOB">
<option value="" selected="selected">Year</option>
<option value="1906">1906</option>
<option value="1907">etc. etc.</option>
</select>
</html>