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