Javascript Validation Error.

Coding123 · 01-10-2013, 12:38 PM

My validation doesn't work. Please help. Here's the code:

Code:

<html>
<body>
<head>
<font face="Candara">

<title>Selection Validator</title>

<script type>="text/javascript" language="Javascript">
function validateChoice(genderForm)  {
genderOption = -1
for (i=0;   i<genderForm.genderChoice.length; i++)  {
if (genderForm.genderChoice[i].checked)  {
genderOption = i
alert ("You are a " + genderForm.genderChoice[i].value)
}
}
if (genderOption ==-1  {
alert ("You must choose either Male or Female.")
return false
}
return true
}
</script>
</head>
</font>
</body>

<nonscript>
Javascript not detected! This page will not work properly.
</nonscript>

<form name ="myForm" onSubmit="return validateChoice(this)">

<p>Select your gender: &nbsp;

<input type="radio" name="genderChoice" value="Male" /> Male
<input type="radio" name="genderChoice" value="Male" /> Female
<input type="submit" value="Validate" />
</p>

</form>
</html>

007julien · 01-10-2013, 01:12 PM

What is the method of your form GET or POST ? Which file is going to treat the datas ?

sunfighter · 01-10-2013, 04:39 PM

Code:

<html>
<body>  DOES NOT BELONG HERE
<head>
<font face="Candara"> DOES NOT BELONG HERE AND IS DEPRECIATED

<title>Selection Validator</title>

<script type>="text/javascript" language="Javascript"> PLEASE CORRECT THIS IT IS TOTALLY WRONG
function validateChoice(genderForm)  {
genderOption = -1
for (i=0;   i<genderForm.genderChoice.length; i++)  {
if (genderForm.genderChoice[i].checked)  {
genderOption = i
alert ("You are a " + genderForm.genderChoice[i].value)
}
}
if (genderOption ==-1  { MISSING A CLOSING )
alert ("You must choose either Male or Female.")
return false
}
return true
}
</script>
</head>
</font> DOES NOT BELONG
</body>

<nonscript>
Javascript not detected! This page will not work properly.
</nonscript> REMOVE THIS IT DOES NOT WORK CORRECTLY

<form name ="myForm" onSubmit="return validateChoice(this)"> AS julien SAID, NEEDS AN METHOD  ALSO name ="myForm" S/B ID ="myForm" ALSO NEEDS AN ACTION

<p>Select your gender: &nbsp;

<input type="radio" name="genderChoice" value="Male" /> Male
<input type="radio" name="genderChoice" value="Male" /> Female value="Male" S/B value="female"
<input type="submit" value="Validate" />
</p>

</form>
</html>

Fix code and check again.

felgall · 01-10-2013, 10:05 PM

Quote:

Originally Posted by sunfighter

Fix code and check again.

You missed that the form is after the </body> tag instead of before it where it belongs.

Also the page is missing a DOCTYPE and so will render differently in different browsers