1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
|
<script type="text/javascript"><!-- hide from old browsers
function validate (form) {
var alertstr = '';
var invalid = 0;
// name: radio group or multiple checkboxes
var name = null;
var selected_name = 0;
for (var loop = 0; loop < form.elements['name'].length; loop++) {
if (form.elements['name'][loop].checked) {
name = form.elements['name'][loop].value;
selected_name++;
if (name == null || name === "") {
alertstr += '- Choose one of the "Name" options\n';
invalid++;
}
} // if
} // for name
if (! selected_name) {
alertstr += '- Choose one of the "Name" options\n';
invalid++;
}
if (invalid > 0 || alertstr != '') {
if (! invalid) invalid = 'The following'; // catch for programmer error
alert(''+invalid+' error(s) were encountered with your submission:'+'\n\n'
+alertstr+'\n'+'Please correct these fields and try again.');
// reset counters
alertstr = '';
invalid = 0;
return false;
}
return true; // all checked ok
}
//-->
</script>
<noscript><font color="#cc0000"><b>Please enable Javascript or use a newer browser.</b></font></noscript>
<p>Fields that are <b>highlighted</b> are required.</p>
<form action="TEST" method="get" onsubmit="return validate(this);">
<div>
<input id="_submitted" name="_submitted" type="hidden" value="2" />
<table>
<tr valign="top">
<td><b>Name</b></td>
<td><table>
<tr>
<td><input id="name_lower" name="name" type="radio" value="lower" /></td>
<td><label for="name_lower">Lower</label></td>
</tr>
<tr>
<td><input id="name_UPPER" name="name" type="radio" value="UPPER" /></td>
<td><label for="name_UPPER">UPPER</label></td>
</tr>
</table></td>
</tr>
<tr valign="top">
<td>Favorite Color</td>
<td><table>
<tr>
<td><input id="color_red" name="color" type="checkbox" value="red>" /></td>
<td><label for="color_red">red></label></td>
</tr>
<tr>
<td><input id="color_green" name="color" type="checkbox" value="green&" /></td>
<td><label for="color_green">green&</label></td>
</tr>
<tr>
<td><input id="color_blue" name="color" type="checkbox" value="blue"" /></td>
<td><label for="color_blue">blue"</label></td>
</tr>
</table></td>
</tr>
<tr valign="top">
<td align="center" colspan="2"><input id="_submit" name="_submit" type="submit" value="Submit" /></td>
</tr>
</table>
</div>
</form>
|