这是我的代码:

当我输入姓名和电子邮件后无法执行表单验证。我应该怎么做以验证用户输入的数据。当我单击“参与”时,我想转到另一个名称为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>


仅更改脚本部分

09-30 19:08
查看更多