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>>