JS验证正则（最简洁）

 1     <script>
 2             //声明正则
 3             var i,inputs,text='',reg='',testReg='',
 4                 userReg=/^[^~!#\$%\^&\*,.\/]\S{4,20}$/,
 5                 pwdReg=/^[\w-]{6,12}$/,
 6                 mailReg=/^[\w-]+@[a-z0-9]+.(com|cn|com.cn|net|org)$/;
 7                 phoneReg=/^\d{11}$/;
 8             function checkInput(){
 9                 var inputs=$("form input[class=text]");
10                 inputs.each(function(index,element){
11                     $(element).focus(function(){
12                         text=isInput(this.name,false);
13                         $(this).next("span").text(text).css("color","red");
14                     });
15                     $(element).blur(function(){
16                         blurFun($(element),this.name);
17                     });
18                 });
19             }
20             //离开焦点
21             function blurFun(curInput,name){
22                 if(curInput.val()==""){
23                     curInput.next("span").text("");
24                 }else{
25                     reg=isInput(this.name,true);
26                     if(reg.test(curInput.val())){
27                         curInput.next("span").text("√").css("color","green");
28                         //确认密码
29                         if(name=="repassword" && $("input[name=password]").val()!=$("input[name=repassword]").val()){
30                             $("input[name=repassword]").next().text("两次密码不一致！请重新输入").css("color","red");
31                             return false;
32                         }else{
33                             curInput.next("span").text("√").css("color","green");
34                         }
35                     }else{
36                         curInput.next("span").text("×");
37                     }
38                     
39                 }
40             }
41             // 判断是否为空
42             function notnull(){
43                 if($("form input[class=text]").val!=""){
44                     return true;
45                 }
46             }
47             //判断操作的是哪个文本框
48             function isInput(Name,c){
49                 switch(Name){
50                     case 'username':text='用户名为4-20位';
51                     reg=userReg;
52                     break;
53                     case 'password':text='密码为6-12位的字母、数字、下划线或减号';
54                     reg=pwdReg;
55                     break;
56                     case 'repassword':text='请再次输入密码';
57                     reg=pwdReg;
58                     break;
59                     case 'telephone':text='请输入正确的手机号码';
60                     reg=phoneReg;
61                     break;
62                     case 'name':text='请输入真实姓名';
63                     reg=userReg;
64                     break;
65                 }
66                 if(c){
67                     return reg;
68                 }else{
69                     return text;
70                 }
71             }
72         
73         $(function(){
74             checkInput();
75         })
76     </script>
posted on 2018-09-04 14:40 随遇而安-BSY 阅读(175) 评论(0) 收藏举报