Ajax注册验证js代码

分享jquery网站：http://www.css88.com/jqapi-1.9/focusout/
  1 $(document).ready(function() {
  2                            
  3     var bool_user = false;
  4     var bool_mail = false;
  5     var bool_pwd1 = false;
  6     var bool_pwd2 = false;
  7     var bool_code = false;
  8 
  9     $("#username").focusin(function(){
 10         $('#p_username').css('color', '#666');
 11     });
 12     
 13     $("#username").focusout(function() {
 14         
 15         $('#p_username').css('color', '#A5A5A5');
 16 
 17         var pattern = /^[A-Za-z0-9_u4e00-u9fa5]+$/;
 18         var username = $("#username").val();
 19     
 20         var username_tmp = username.replace(/[^x00-xff]/g, 'xx');
 21 
 22         $("#div_usrename").html("内容");
 23         if (username != '') {
 24             $("#div_usrename").empty();
 25             
 26             if (username_tmp.length < 4 || username_tmp.length > 20) {
 27             
 28                 $("#div_usrename").addClass("err1");
 29                 $("#div_usrename").append("内容");
 30             } else if (!pattern.test(username)) {        
 31                 $("#div_usrename").addClass("err1");
 32                 $("#div_usrename").append("内容");
 33             } else {
 34                 
 35                 $.ajax({
 36                     type: 'post',
 37                     url: '/site/checkUsername',
 38                     data: "username=" + username,
 39                     success: function(data) {    
 40                         data = eval("(" + data + ")");
 41                         if (data.flag == 1) {
 42                             $("#div_usrename").removeClass('err1').addClass('rig1').html("内容");
 43                             bool_user = true;
 44                         } else {
 45                             $("#div_usrename").addClass("err1");
 46                             $("#div_usrename").html("内容");
 47                         }
 48                     }
 49                 })
 50             } 
 51         } else {
 52             $("#div_usrename").addClass('err1').html("内容");
 53         }
 54     });
 55 
 56 
 57     $("#email").focusin(function(){
 58         $('#p_email').css('color', '#666');
 59     });
 60  
 61     $("#email").focusout(function() {
 62         
 63         $('#p_email').css('color', '#A5A5A5');
 64 
 65         var pattern = /^([a-zA-Z0-9]+[_|\_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/;
 66 
 67         var email = $("#email").val();
 68         
 69         if (email != '') {
 70             $("#div_email").empty();
 71             $("#div_email").html("内容");
 72             if (pattern.test(email)) {
 73                 $.ajax({
 74                     type: 'post',
 75                     url: '/site/checkEmail',
 76                     data: "email=" + email,
 77                     success: function(data) {
 78                         data = eval("(" + data + ")");
 79                         if (data.flag == 1) {
 80                             $("#div_email").removeClass('err1').addClass('rig1').html('');
 81                             bool_mail = true;
 82                         } else if(data.flag == -1){
 83                             $("#div_email").addClass('err1').html("内容");
 84                         } else if(data.flag == -2){
 85                             $("#div_email").addClass('err1').html("内容");
 86                         } else if(data.flag == -3){
 87                             $("#div_email").addClass('err1').html("内容");
 88                         } else if(data.flag == -4){
 89                             $("#div_email").addClass('err1').html("内容");
 90                         } else {
 91                             $("#div_email").addClass('err1').html("内容");
 92                         }
 93                     }
 94                 })
 95             } else {
 96                 $("#div_email").addClass('err1').html("内容");
 97             }
 98         } else {
 99             $("#div_email").addClass('err1').html("内容");
100         }
101     });
102 
103     $("#pwd1").focusin(function(){
104         $('#p_pwd1').css('color', '#666');
105     });
106 
107     $("#pwd1").focusout(function(){
108         $('#p_pwd1').css('color', '#A5A5A5');
109     });
110 
111     $("#pwd1").keyup(function() {
112 
113         $('#p_pwd1').css('color', '#666');
114        
115         var username = $('#username').val();
116         var pwd1 = $("#pwd1").val();
117        
118         if (pwd1 != '') {
119             $("#div_pwd1").empty();
120 
121             var score = testpass(pwd1,username);
122 
123             if (score == -4) {
124                 $('#pwdsbox1').removeClass('pwdsb').addClass('pwds');
125                 $('#pwdsbox2').removeClass('pwdsb').addClass('pwds');
126                 $('#pwdsbox3').removeClass('pwdsb').addClass('pwds');
127                 $("#div_pwd1").addClass('err1').html("内容");
128             } else if (score == -2 ) {
129                 $('#pwdsbox1').removeClass('pwdsb').addClass('pwds');
130                 $('#pwdsbox2').removeClass('pwdsb').addClass('pwds');
131                 $('#pwdsbox3').removeClass('pwdsb').addClass('pwds');
132                 $("#div_pwd1").addClass('err1').html("内容");
133             } else {
134                 
135                 if(score >= 70){
136                     $('#pwdsbox1').removeClass('pwds').addClass('pwdsb');
137                     $('#pwdsbox2').removeClass('pwds').addClass('pwdsb');
138                     $('#pwdsbox3').removeClass('pwds').addClass('pwdsb');
139                     bool_pwd1 = true;
140                     $("#div_pwd1").removeClass('err1').addClass('rig1').html("");
141                 } else if(score >= 30){
142                     $('#pwdsbox1').removeClass('pwds').addClass('pwdsb');
143                     $('#pwdsbox2').removeClass('pwds').addClass('pwdsb');
144                     $('#pwdsbox3').removeClass('pwdsb').addClass('pwds');
145                     bool_pwd1 = true;
146                     $("#div_pwd1").removeClass('err1').addClass('rig1').html("");
147                 } else if(score >= 1){
148                     $("#div_pwd1").addClass('err1').html("内容");
149                     $('#pwdsbox1').removeClass('pwds').addClass('pwdsb');
150                     $('#pwdsbox2').removeClass('pwdsb').addClass('pwds');
151                     $('#pwdsbox3').removeClass('pwdsb').addClass('pwds');
152                 } else {
153                     $('#pwdsbox1').removeClass('pwdsb').addClass('pwds');
154                     $('#pwdsbox2').removeClass('pwdsb').addClass('pwds');
155                     $('#pwdsbox3').removeClass('pwdsb').addClass('pwds');
156                 }
157             }
158         } else {
159             $('#pwdsbox1').removeClass('pwdsb').addClass('pwds');
160             $('#pwdsbox2').removeClass('pwdsb').addClass('pwds');
161             $('#pwdsbox3').removeClass('pwdsb').addClass('pwds');
162             $("#div_pwd1").addClass('err1').html("内容");
163         }
164     });
165 
166 
167     $("#pwd2").focusin(function(){
168         $('#p_pwd2').css('color', '#666');
169     });
170 
171     $("#pwd2").focusout(function() {
172 
173         $('#p_pwd2').css('color', '#A5A5A5');
174     
175         var pwd1 = $("#pwd1").val();
176         var pwd2 = $("#pwd2").val();
177        
178         if (pwd2 != '') {
179             if (pwd1 == pwd2) {
180                 $("#div_pwd2").removeClass('err1').addClass('rig1').html("");
181                 bool_pwd2 = true;
182             } else {
183                 $("#div_pwd2").addClass('err1').html("内容");
184             }
185       
186         } else {
187              $("#div_pwd2").addClass('err1').html("内容");
188         }
189     });
190     
191     $("#code").focusout(function() {
192         var code = $("#code").val();
193         if (code != '') {
194             $("#div_code").html("内容");
195             $.ajax({
196                 type: 'post',
197                 url: '/site/checkVerifycode',
198                 data: "code=" + code,
199                 success: function(data) {
200                     data = eval("(" + data + ")");
201                     if (data.flag == 1) {
202                         $("#div_code").removeClass('err1').addClass('rig1').html("");
203                         bool_code = true;
204                     } else {
205                         $("#div_code").addClass('err1').html("内容");
206                     }
207                 }
208             })
209         } else {
210             $("#div_code").addClass('err1').html("内容");
211         }
212     });
213     
214     $("#submit").click(function() {
215         if (bool_user && bool_pwd1 && bool_pwd2 && bool_code && bool_mail) {
216             return true;
217         } else {
218             if ($("#username").val() == "") {  
219                 $("#div_usrename").addClass('err1').html("è¯·è¾“å…¥ç”¨æˆ·å");
220             }
221             if ($("#pwd1").val() == "") {
222                 $("#div_pwd1").addClass('err1').html("内容");
223             }
224             if ($("#pwd2").val() == "") {
225                 $("#div_pwd2").addClass('err1').html("内容");
226             }
227             if ($("#email").val() == "") { 
228                 $("#div_email").addClass('err1').html("内容");
229             }
230             if ($("#code").val() == "") {
231                 $("#div_code").addClass('err1').html("内容");
232             }
233             return false;
234         }
235     });
236 });
237 
238 function testpass(password, username) {
239     var score = 0;
240     if (password.length < 6 || password.length > 24) {
241         return - 4;
242     }
243     if (typeof(username) != 'undefined' && password.toLowerCase() == username.toLowerCase()) {
244         return - 2
245     }
246     score += password.length * 4;
247     score += (repeat(1, password).length - password.length) * 1;
248     score += (repeat(2, password).length - password.length) * 1;
249     score += (repeat(3, password).length - password.length) * 1;
250     score += (repeat(4, password).length - password.length) * 1;
251     if (password.match(/(.*[0-9].*[0-9].*[0-9])/)) {
252         score += 5;
253     }
254     if (password.match(/(.*[!,@,#,$,%,^,&,*,?,_,~].*[!,@,#,$,%,^,&,*,?,_,~])/)) {
255         score += 5;
256     }
257     if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) {
258         score += 10;
259     }
260     if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) {
261         score += 15;
262     }
263     if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([0-9])/)) {
264         score += 15;
265     }
266     if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([a-zA-Z])/)) {
267         score += 15;
268     }
269     if (password.match(/^w+$/) || password.match(/^d+$/)) {
270         score -= 10;
271     }
272     if (score < 0) {
273         score = 0;
274     }
275     if (score > 100) {
276         score = 100;
277     }
278     return score;
279 
280 }
281 
282 function repeat(len, str) {
283     var res = "";
284     for (var i = 0; i < str.length; i++) {
285         var repeated = true;
286         for (var j = 0,
287         max = str.length - i - len; j < len && j < max; j++) {
288             repeated = repeated && (str.charAt(j + i) == str.charAt(j + i + len));
289         }
290         if (j < len) repeated = false;
291         if (repeated) {
292             i += len - 1;
293             repeated = false;
294         } else {
295             res += str.charAt(i);
296         }
297     }
298     return res;
299 }
View Code