这是我的代码:
当我输入姓名和电子邮件后无法执行表单验证。我应该怎么做以验证用户输入的数据。当我单击“参与”时,我想转到另一个名称为start.jsp的jsp页面。为了摆脱这一点,请告诉我什么以及为什么它不起作用..
<html>
<head>
<title>Aptitude Competition Online</title>
<link rel="stylesheet" type="text/css" href="index.css">
<script language="javascript">
function isEmpty(str) {
if(str=="" )
{
return true;
} else return false;
}
function validate() {
var nam = document.form[0].name.value;
var ema = document.form[0].email.value;
if(isEmpty(nam))
{
alert(Name should be filled out");
document.form[0].name.focus;
return false;
}
else if(isEmpty(ema)
{
alert(E-mail should be filled out");
document.form[0].email.focus;
return false;
}
else {
return true;
}
}
</script>
</head>
<body>
<div id="header1">
<font id="font1">Aptitude Quiz</font>
</div>
<div id="email">
<div id="inside">
<font id="font2">Welcome to Aptitude Quiz</font><br><br><br>
<form name="form">
Name : <input type="text" name="name"><br><br>
E-mail : <input type="text" name="email"><br><br>
<input name="Participate" type="button" value="Participate" onClick="validate()"><br><br>
</form>
</div>
</div>
<div id="footer">
Contact Us : gmail@name.com
</div>
</body>
</html>
最佳答案
<script type="text/javascript">
function isEmpty(str)
{
if (str == "")
{
return true;
}
else
{
return false;
}
}
function validate()
{
var nam = document.form.name.value
var ema = document.form.email.value;
if (isEmpty(nam))
{
alert("Name should be filled out");
document.form.name.focus();
return false;
}
else if (isEmpty(ema))
{
alert("E-mail should be filled out");
document.form.email.focus();
return false;
}
else
{
return true;
}
}
</script>
仅更改脚本部分