JavaScript Form Validation
HTML form validation can be done by JavaScript.
Radio Button Validation
Validate Radio Button
Check, at least one field should Checked
Display selected value after submit
Example
<script>
function validateForm()
{
if(document.myform.gen[0].checked==false && document.myform.gen[1].checked==false )
{
alert("Please Select The Gender");
document.myform.gen[0].focus();
return false;
}
else if(document.myform.gen[0].checked==true )
{
var gender=document.myform.gen[0].value;
document.write("Selected Gender is:- "+gender+"
");
}
else
{
var gender=document.myform.gen[1].value;
document.write("Your Gender is:- "+gender+"
");
}
}
</script>
<form name="myform" onsubmit="return validateForm()" method="post">
<input type="radio" name="gen" id="gen" value="Male"/> Male
<input type="radio" name="gen" id="gen" value="Female"/> Female
<input type="submit" value="Submit">
</form>
Run Example>>