I have 3 elements on the same row (below) but I end up with 3 error messages on the same line, which is crap. Is there a way of creating a date and checking its validity and displaying ONE error message?
:
<tr>
<td width="30%"><label for="dob">Date of Birth </label></td>
<td width="40%"><input type="text" id="dobDay" name="dobDay" size="4" value="day" onFocus="this.value='';" maxlength=2 /> / <input type="text" id="dobMonth" name="dobMonth" size="4" value="month" onFocus="this.value='';" maxlength=2 validate="required:true,range: [1,12]" /> / <input type="text" id="dobYear" name="dobYear" size="4" value="year" onFocus="this.value='';" maxlength=4 /></td>
<td width="30%"></td>
</tr>
With the validation rules:
dobDay: {
required:true,
number:true
},
dobMonth: {
required:true,
number:true,
range: [1,12]
},
dobYear: {
required:true,
number:true,
maxlength:4,
minlength:4
},
contactMethod: {
required: true,
minlength:1
},
typeOfMS: {
required:true,
minlength:1
}
,
dmt: {
required:true,
minlength:1
},
edss: {
required:true,
minlength:1
},
email: { required: function() {
return $("#noEmail").is(":checked");
},
email: true
},
DiagnosisMonth: {
number:true,
required:false
},
DiagnosisYear: {
number:true,
required:true
},
qol: {
required:true,
minlength:1
},
completedOther: { required: function() {
return $("#selCompletedBy").val()=='Other';
}
}
},messages: {
contactMethod : "Please select at least one contact Method",
typeOfMS : "Please select your Type of MS",
dmt : "Please select a therapy",
edss : "Please select the EDSS Band",
postcode : "Please enter a valid postcode",
telephone : "Please enter your telephone number",
email : "Please enter a valid email address",
DiagnosisMonth: "Enter a valid month between 1 and 12",
DiagnosisYear : "Enter a valid year",
qol : "Please select the patients' Quality of Life",
dobDay : "Day",
dobMonth : "Month",
dobYear : "Year",
completedOther : "Who completed this form"
}
});