Я написала простой скрипт, где пользовательбкогда заполняет форму правильноб переходит на другую страницу, иначе выводится сообщение об ошибке в заполнении формы. Однако же, новая страницабнесмотря на мои старания, открывается всегда.
Буду признательна за подсказку.
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript">
function overallcheck ()
{
if(!checkjob()|| !checkEmail()|| !Checkname())
{writeTo("problemArea","Error messages area");
return false;
}
if(!Checkname())
{writeTo("problemArea","Please inser a valid name");
return false;
}
if(!checkEmail())
{writeTo("problemArea","Please inser a valid email");
return false;
}
if(!checkjob())
{
writeTo("problemArea","Please inser your job");
return false;
}
else {
return true;
}
}
function Checkname(){
clearElement("problemArea");
var fullname = document.forms['form'].fullname.value;
if (fullname.length == 0 || !isNaN(fullname))
return false;
}
function checkEmail(){
clearElement("problemArea");
var mail = document.forms['form'].Email.value;
if (mail == '' || mail.indexOf('@') == -1 || mail.indexOf('.') == -1)
return false;}
}
function checkjob()
{
clearElement("problemArea");
var i;
for (i=0;i<4;i++)
{
if (document.forms['form'].job[i].checked) {return true;}
}
return false;
}
//-->
</script>
</head>
<body>
<form onsubmit="return overallcheck();" action="res.html" id=form target="_blank" method="GET">
<table>
<tr>
<td><b><p>name</p></b> </td>
<td> <input type="text" name="fullname" size="20" placeholder="Enter a valid name"/> </td>
</tr>
<tr>
<td><b><p> E-mail: </p></b></td>
<td><input type="email" name="Email" maxlength="15" size = "20" placeholder="Enter a valid email address"/> </td>
</tr>
<tr>
<p><td><b><p>job?</p></b> <br/></td></p>
<td>1<input type="radio" name="job" value="gov" /><br/>
2 <input type="radio" name="job" value="pri" /><br/><div id="problemArea"> </div>
3 <input type="radio" name="job" value="unem" /><br/>
4 <input type="radio" name="job" value="other" /><br/>
</td></tr>
</table>
<p>
<button type="submit" onclick="" >submit</button>
</form>
</body>
</html>
