在JavaScript中的表单验证（事件处理）

我已经在html中创建了一个表单，我必须使用JavaScript验证它.First Name和Father的名字不应该超过20个字符，所以我已经为它们放置了检查，但是他们在工作。这是我的代码在JavaScript中的表单验证（事件处理）

<html> 
    <head> 
     <script type="text/javascript"> 
     function validate() 
     { 
      var firstName=document.f1.firname.value; 
      var fatherName=document.f1.fname.value; 
      var address=document.f1.add.value; 
      var phoneNumber=document.f1.ph.value; 
      var cnic=document.f1.cnic.value; 
      var email=document.f1.email.value; 
      var cgpa=document.f1.fname.value; 
      var sem=document.f1.sem.value; 
      var id=document.f1.cid.value; 
      if(firstName.length>20) 
      { 
       alert("Value can't exceed 20"); 
      } 
      if(fatherName.length>20) 
      { 
       alert("Value can't exceed 20"); 
      } 
     } 
     </script> 
    </head> 
    <body> 
    <form name="f1"> 
     Name : <input type="text",name="firname"> <br> 
     Father's Name: <input type="text",name="fname"> <br> 
     Address: <input type="text",name="add"> <br> 
     Phone No.:<input type="text",name="ph"> <br> 
     CNIC:<input type="text",name="cnic"> <br> 
     Email:<input type="text",name="email"> <br> 
     City :<br> <input type="radio" name="city" value="lhr"> Lahore <br> 
     <input type="radio" name="city" value="karachi"> Karachi <br> 
     <input type="radio" name="city" value="isl"> Islamabad <br> 
     <select name="country"> 
      <option value="pakistan">Pakistan</option> 
      <option value="india">India</option> 
      <option value="china">China</option> 
     </select> <br> 
     Cgpa:<input type="text",name="cgpa"> <br> 
     Department:<input type="text",name="dpt"> <br> 
     <select name="degree"> 
      <option value="se">SE</option> 
      <option value="cs">CS</option> 
      <option value="it">IT</option> 
     </select> <br> 
     Semester:<input type="text",name="sem"> <br> 
     CollegeId:<input type="text",name="cid"> <br> 
     <input type="Submit", value="Submit" ,onsubmit="validate()"> 
    </form> 
    </body>

什么似乎是问题？

来源

2014-01-19 Ahmed

不应该有分离在HTML属性，这''应'<输入类型的任何逗号= “提交”值=“提交”onsubmit =“验证（）”> – MichaelJames

警报弹出仍然没有出现.. – Ahmed

请勿使用逗号分隔HTML属性。它应该是：

Name : <input type="text" name="firname"> <br>

，而不是：

Name : <input type="text",name="firname"> <br>

的onsubmit事件应该是形式，而不是input按钮。

<form name="f1" onsubmit="validate()">

来源

2014-01-19 11:15:27 Saravana

谢谢，这对我工作... – Ahmed

在JavaScript中的表单验证（事件处理）

回答

相关问题