2016-03-05 127 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

該代碼的主要代碼是'

  • 11. 表單驗證工作不正常
  • 12. 表單驗證工作不正確
  • 13. ajax php表單驗證不工作
  • 14. 表單驗證與jquery不工作
  • 15. 表單驗證不工作Django
  • 16. Javascript表單驗證日期不工作
  • 17. 表單驗證使用javascript不工作
  • 18. 表單驗證的onblur()不工作
  • 19. Jquery表單驗證工作不正常
  • 20. JavaScript表單驗證工作不
  • 21. 角:表單驗證工作不
  • 22. 表單域驗證工作不正常
  • 23. Symfony3 TimeType表單驗證GreaterThanOrEqual不工作
  • 24. CodeIgniter的表單驗證greater_than_equal_to不工作
  • 25. Javascript表單驗證onsubmit不工作
  • 26. JavaScript驗證不爲克工作:表單驗證
  • 27. 角2表單驗證的minLength驗證工作不
  • 28. 表單驗證所有驗證工作,但複選框vaidation不工作
  • 29. 最簡單的表單驗證與jQuery驗證插件不會工作
  • 30. Ajax表單驗證拒絕工作