簡單驗證也不起作用

這是我簡單的html代碼。我將JavaScript包含在這個html文件中。我想對名稱執行驗證，例如沒有空字段和數據格式驗證，但它不起作用。有人可以幫我擺脫這個簡單驗證也不起作用

<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; 
    if(nam == "") 
    { 
     alert("Name should be filled out"); 
     document.getElementById("name").focus; 
     return false; 
    } 
    else { 
     return true; 
     } 
    } 
    </script> 
</head> 
<body> 
<div id="header1"> 
<font id="font1">Aptitude Quiz</font> 
</div> 
<div id="bgr"> 
<div id="emal"> 
<font style="position:absolute;top:16px;left:100px;font-size:20px;">Welcome  to Aptitude Quiz</font><br><br><br 
<form name="form"> 
Name : <input type="text" name="name" id="name"><br><br> 
<input name="Participate" type="button" value="Participate" onClick="validate()" > 
</form> 

    </div> 
</div> 
    <div id="footer"> 
    Contact Us : [email protected] 
    </div> 
    </body> 
    </html>

來源

2016-03-06 Vinod Chowdary Dirishala

你的HTML代碼有錯誤。您忘記關閉<br>標籤之前<form name='form'>

此外，「焦點」是一種方法，而不是屬性。我還補充說，以及

這裏是更正的代碼。

<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; 
      if (nam == "") { 
       alert("Name should be filled out"); 
       document.getElementById("name").focus(); 
       return false; 
      } else { 
       return true; 
      } 
     } 
    </script> 
</head> 

<body> 
    <div id="header1"> 
     <font id="font1">Aptitude Quiz</font> 
    </div> 
    <div id="bgr"> 
     <div id="emal"> 
      <font style="position:absolute;top:16px;left:100px;font-size:20px;">Welcome  to Aptitude Quiz</font> 
      <br> 
      <br> 
      <br> <form name="form"> Name : 
      <input type="text" name="name" id="name"> 
      <br> 
      <br> 
      <input name="Participate" type="button" value="Participate" onClick="validate()"> 
      </form> 

     </div> 
    </div> 
    <div id="footer"> 
     Contact Us : [email protected] 
    </div> 
</body> 

</html>

來源

2016-03-06 09:08:01 kkaosninja

是什麼標記？ –

「

之前的
標籤會影響javascript代碼嗎？ –

簡單驗證也不起作用

回答

相關問題