2016-03-05 129 views
1

这里是我的代码:表单验证工作不

时后,我进入了姓名和电子邮件形式验证是不是performing.What我应该做的,以验证用户输入的data.And我就喜欢动命名start.jsp的另一个JSP页面,当我点击参与请帮助我摆脱这一点,请告诉我什么,为什么itsn't工作..

<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 : [email protected] 
     </div> 
     </body> 
     </html> 
+0

什么错误,你在控制台中得到些什么? –

+0

有几个语法错误,缺少引号,'document.forms'等。 – adeneo

回答

1

变化按本

<form name="form" method = "post" onsubmit = "return validate();"> 
    Name : <input type="text" name="name"><br><br> 
    E-mail : <input type="text" name="email"><br><br> 
    <button name="Participate" value="Submit" type = "submit"><br><br> 
    </form> 
1
<html> 
<head> 
<title>Aptitude Competition Online</title> 
<link rel="stylesheet" type="text/css" href="index.css"> 
<script type="text/javascript"> 
function validate() 
{ 
var nam = document.forms[0].name.value; 
var ema = document.forms[0].email.value; 
if(nam == "") 
    { 
     alert("Name should be filled out"); 
     //document.forms[0].name.focus; 
     document.getElementById("name").focus(); 
     return false; 
    } 
else if(ema =="") 
    { 
     alert("E-mail should be filled out"); 
     //document.forms[0].email.focus; 
     document.getElementById("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" id="name"><br><br> 
    E-mail : <input type="text" name="email" id="email"><br><br> 
    <input name="Participate" type="button" value="Participate" onClick="validate()"><br><br> 
    </form> 
    </div> 
    </div> 
    <div id="footer"> 
     Contact Us : [email protected] 
     </div> 
     </body> 
     </html> 
+0

该代码的实际问题是什么? document.forms [0] .name.focus;也是一种在javascript中将文本区域对焦的方法 –

+0

该代码的主要代码是'