Radio Button Validation

There are a couple of ways to ensure that a radio button is selected by the user. The first approach is to define a button as "selected". But this assumes that the user will take care in deciding whether or not the preselected button fits his/her choice. The other approach is to use a validation script, where the user is required to make a selection. Incorporate this radio button validation function into your existing form validation function as shown in this example.

Code:

Place in the <BODY>:

Highlight

function checkdata() {

if (!radioreader('myradio1','Please select a color.')) {
return false;
}
if (!radioreader('myradio2','Please select a number.','other','othertext','','Please specify your number.')) {
return false;
}

return true;
}

//-->

</script>

<form name="myform" onSubmit="return checkdata()">
<input type="radio" name="myradio1" value="red"> Red<br>
<input type="radio" name="myradio1" value="green"> Green<br>
<input type="radio" name="myradio1" value="blue"> Blue<br>
<p>
<input type="radio" name="myradio2" value="one"> One<br>
<input type="radio" name="myradio2" value="two"> Two<br>
<input type="radio" name="myradio2" value="three"> Three<br>
<input type="radio" name="myradio2" value="other"> Other: <input type="text" size="15" name="othertext" align=middle>
<p>
<input type="submit" value="Submit"> <input type="reset">
</form>