首页>>表单>>Jquery 验证注册(2013-12-04)

Jquery 验证注册

Jquery 验证注册
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.   
  3.     $(document).ready(function() {  
  4.   
  5.     $.validator.addMethod("email", function(value, element) {    
  6.     return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+.[a-zA-Z.]{2,5}$/i.test(value);    
  7.     }, "Please enter a valid email address.");  
  8.        
  9.      $.validator.addMethod("username",function(value,element){  
  10.     return this.optional(element) || /^[a-zA-Z0-9._-]{3,16}$/i.test(value);    
  11.     },"Username are 3-15 characters");  
  12.   
  13.   
  14.     $.validator.addMethod("password",function(value,element){  
  15.     return this.optional(element) || /^[A-Za-z0-9!@#$%^&*()_]{6,16}$/i.test(value);    
  16.     },"Passwords are 6-16 characters");  
  17.   
  18.   
  19.       
  20.         // Validate signup form  
  21.         $("#signup").validate({  
  22.                 rules: {  
  23.                         email: "required email",  
  24.                         username: "required username",  
  25.                         password: "required password",  
  26.   
  27.                 },  
  28.                   
  29.   
  30.         });  
  31.   
  32.     });  
  33.   
  34. </script>  

 

XML/HTML Code
  1. <form method="post" action="jqueryregthank.html" name="signup" id="signup">  
  2. <b>Email</b><br />  
  3. <input type="text" name="email" id='email'/><br />  
  4.   
  5. <b>UserName</b><br />  
  6. <input type="text" name="username" id="username" /><br />  
  7. <b>Password</b><br />  
  8. <input type="password" name="password"  id="password" /><br /><br />  
  9. <input type="submit" value=" Sign-UP " name='SUBMIT' id="SUBMIT"/>  
  10. </form>  

 


原文地址:http://www.freejs.net/article_biaodan_140.html