The text below is selected, press Ctrl+C to copy to your clipboard. (⌘+C on Mac) No line numbers will be copied.
Guest
Form vali 2
By Guest on 6th February 2024 10:25:31 AM | Syntax: HTML5 | Views: 101


New Paste New paste | Download Paste Download | Toggle Line Numbers Show/Hide line no. | Copy Paste Copy text to clipboard
  1. <html>
  2.  
  3.     <head>  
  4.     <title>Form Validation</title>
  5.     <script type="text/javascript">
  6.    
  7.      function validateEmail(){
  8.      var emailid=document.myForm.EMail.value;
  9.      atpos=emailid.indexof("@");
  10.      dotpos=emailid.lastindexof(".");
  11.      if(atpos < 1|| (dotpos - atpos < 2)){
  12.         alert("Please enter correct email ID")
  13.         document.myForm.Email.focus();
  14.         return false;
  15.         }
  16.     return (true);
  17.     }
  18.  
  19.  
  20.     function validate(){
  21.         if(document.myForm.Name.value == ""){
  22.          alert( "Please provide your name!");
  23.          document.myForm.Name.focus();
  24.           return false;
  25.         }
  26.          
  27.         if(document.myForm. EMail.value == ""){
  28.           alert( "Please provide your Email!");
  29.           document.myForm.EMail.focus();
  30.           return false;
  31.         }
  32.        
  33.         else{
  34.          validateEmail();
  35.         }
  36.        
  37.         if(document.myForm.Pin.value==""||isNaN( document.myForm.Pin.value) || document.myForm.Pin.value.length != 6)
  38.         {        
  39.           alert( "Please provide a Pin in the format ######");
  40.           document.myForm.Pin.focus();
  41.           return false;
  42.         }
  43.         if(document.myForm.Country.value = "-1")
  44.         {
  45.         alert("Please provide your country!");
  46.         return false;
  47.         }
  48.         return( true );
  49.         }
  50.    
  51.    </script>
  52.     </head>
  53.      
  54.     <body>
  55.             <form action="/cgi-bin/test.cgi"  name="myForm" onsubmit="return(validate())">
  56.                     <table cellspacing="2" cellpadding="2" border="1">
  57.                             <tr>
  58.                                 <td align="right">Name</td>
  59.                                 <td><input type="text" name="Name" /></td>
  60.                             </tr>
  61.                             <tr>
  62.                                 <td align="right">EMail</td>
  63.                                 <td><input type="text" name="EMail" /></td>
  64.                             </tr>
  65.                             <tr>  
  66.                                 <td align="right">Zip Code</td>      
  67.                                 <td><input type="text" name="Zip" /></td>            
  68.                             </tr>
  69.                             <tr>             
  70.                                 <td align="right">Country</td>       
  71.                                 <td>         
  72.                                 <select name="Country">      
  73.                                 <option value="-1" selected>[choose yours]</option>          
  74.                                 <option value="1">USA</option>       
  75.                                 <option value="2">UK</option>        
  76.                                 <option value="3">INDIA</option>             
  77.                                 </select>            
  78.                                 </td>        
  79.                             </tr>            
  80.                             <tr>             
  81.                                 <td align="right"></td>      
  82.                                 <td><input type="submit" value="Submit" /></td>    
  83.                             </tr>            
  84.                     </table>    
  85.             </form>
  86.      
  87.     </body>
  88. </html>





form vali