The code should display a message to select a option but when I click submit wit
ID: 3715170 • Letter: T
Question
The code should display a message to select a option but when I click submit without choosing, nothing happens. Please help.
<!DOCTYPE html>
<html>
<head>
<script>
function ValidateForm(form)
{
if ((form.gender[0].checked==false) && (form.gender[1].checked=false))
{
alert("Please choose your gender: Male or Female")
return false;
}
}
</script>
</head>
<body>
<form name="feedback" action="#" method="post">
Your Gender: <input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="Female"> Female
<input type="button" name="SubmitButton" value="Submit">
<input type="reset" value="Reset">
</form>
</body>
</html>
Explanation / Answer
There is only minor error i.e., write form.gender[1].checked==false instead of form.gender[1].checked=false
<!DOCTYPE html>
<html>
<head>
<script>
function ValidateForm(form)
{
if ((form.gender[0].checked==false) && (form.gender[1].checked==false))
{
alert("Please choose your gender: Male or Female")
return false;
}
}
</script>
</head>
<body>
<form name="feedback" action="#" method="post">
Your Gender: <input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="Female"> Female
<input type="button" name="SubmitButton" value="Submit">
<input type="reset" value="Reset">
</form>
</body>
</html>