161 lines
4.9 KiB
JavaScript
Executable File
161 lines
4.9 KiB
JavaScript
Executable File
/**
|
||
*密码检测
|
||
*@param {String, Object} 密码输入框的选择符
|
||
*@param {Object} 参数设置
|
||
*/
|
||
var checkPassword = function(obj,cfg){
|
||
typeof obj == 'string' ? (this.obj = $(obj)) : (this.obj = obj);
|
||
var def_cfg = {
|
||
error_cls : ['tip_error'],
|
||
correct_cls : ['tip_correct'],
|
||
lowest_level : 5,
|
||
tips : ['#password_tip'], //tip元素的选择符
|
||
strength : '#pwdStrTip', //显示密码强度的元素
|
||
if_show : false //是否显示密码强度
|
||
};
|
||
cfg = cfg || {};
|
||
this.cfg = $.extend({},def_cfg,cfg);
|
||
this.init();
|
||
};
|
||
|
||
checkPassword.reg = {
|
||
nums : /^\d+$/, //纯数字
|
||
letters : /^[a-zA-Z]+$/, //纯字母
|
||
space : /[\u0020\uA1A1\u3000]/, //存在空格符
|
||
chinese : /[\u4E00-\u9FA5]/, //存在中文
|
||
num : /\d/, //存在数字
|
||
letter : /[a-zA-Z]/, //存在字母
|
||
special : /[^a-zA-Z0-9]/ //存在特殊符
|
||
};
|
||
|
||
checkPassword.txt = ['请输入密码',
|
||
'长度8~20位，同时包含数字、字母(区分大小写)，可使用特殊符号',
|
||
'长度8~20位，同时包含数字、字母(区分大小写)，可使用特殊符号',
|
||
'密码不能包含中文',
|
||
'密码必须同时包含数字、字母(区分大小写)，可使用特殊符号',
|
||
'',
|
||
''] ;//每个密码级别的提示语
|
||
|
||
/**
|
||
*阻止空格符输入（结合keypress使用）
|
||
*/
|
||
checkPassword.blockSpace = function(_event){
|
||
if(_event.keyCode){
|
||
var char = String.fromCharCode(_event.keyCode);
|
||
}else{
|
||
var char = String.fromCharCode(_event.charCode);
|
||
}
|
||
return !checkPassword.reg.space.test(char);
|
||
};
|
||
|
||
/**
|
||
*检测密码强度
|
||
*@param {String, Number} 密码
|
||
*/
|
||
checkPassword.level = function(val){
|
||
//密码为空时返回0
|
||
//密码小于8位或大于20位时返回1
|
||
//密码包含空格符时返回2
|
||
//密码包含中文时返回3
|
||
//密码为纯数字或纯字母时为4
|
||
//密码为数字+字母时为5
|
||
//密码为数字、字母、特殊符号组合时为6
|
||
if(val.length == 0) return 0;
|
||
if(val.length < 8 || val.length > 20) return 1;
|
||
if(checkPassword.reg.space.test(val)) return 2;
|
||
if(checkPassword.reg.chinese.test(val)) return 3;
|
||
if(checkPassword.reg.nums.test(val) || checkPassword.reg.letters.test(val)) return 4;
|
||
if(checkPassword.reg.num.test(val) && checkPassword.reg.letter.test(val) && !checkPassword.reg.special.test(val)) return 5;
|
||
if(checkPassword.reg.special.test(val)) return 6;
|
||
};
|
||
|
||
|
||
checkPassword.prototype = {
|
||
init : function(){
|
||
var level = checkPassword.level(this.obj.val());
|
||
this.showTip(level);
|
||
this.cfg.if_show && this.setState(level);
|
||
this.isCorrect = level >= this.cfg.lowest_level; //密码输入正确与否
|
||
},
|
||
|
||
/**
|
||
*检测结果显示
|
||
*@param {String, Number} 密码强度
|
||
*/
|
||
showTip : function(level){
|
||
if(this.cfg.tips.length == 1){
|
||
var error = this.cfg.error_cls[0], correct = this.cfg.correct_cls[0], tip = $(this.cfg.tips[0]);
|
||
|
||
if(level >= this.cfg.lowest_level){
|
||
tip.removeClass(error).addClass(correct);
|
||
tip.html(checkPassword.txt[level]);
|
||
}else{
|
||
tip.removeClass(correct).addClass(error);
|
||
tip.html(checkPassword.txt[level]);
|
||
}
|
||
}else if(this.cfg.tips.length == 2){
|
||
var error1 = this.cfg.error_cls[0], correct1 = this.cfg.correct_cls[0], tip1 = $(this.cfg.tips[0]), //tip1显示提示用语
|
||
error2 = error1, correct2 = correct1, tip2 = $(this.cfg.tips[1]); //tip2显示图标
|
||
|
||
this.cfg.error_cls.length == 2 && (error2 = this.cfg.error_cls[1]);
|
||
this.cfg.correct_cls.length == 2 && (correct2 = this.cfg.correct_cls[1]);
|
||
|
||
if(level >= this.cfg.lowest_level){
|
||
tip1.removeClass(error1).addClass(correct1);
|
||
tip1.html(checkPassword.txt[level]);
|
||
tip2.removeClass(error2).addClass(correct2);
|
||
}else{
|
||
tip1.removeClass(correct1).addClass(error1);
|
||
tip1.html(checkPassword.txt[level]);
|
||
tip2.removeClass(correct2).addClass(error2);
|
||
}
|
||
}
|
||
},//end of showTip
|
||
|
||
/**
|
||
*显示密码强度
|
||
*@param {String, Number} 密码强度
|
||
*/
|
||
setState : function(level){
|
||
var pwdStrTip = $(this.cfg.strength), pwdInfo = pwdStrTip.find('.pwdInfo');
|
||
if(level >= this.cfg.lowest_level){
|
||
pwdStrTip.show();
|
||
switch(level){
|
||
case 4:
|
||
this.setStyle("#FF0000","#FFFFFF","#FFFFFF");
|
||
pwdInfo.text("：弱");
|
||
break;
|
||
case 5:
|
||
this.setStyle("#FFD35E","#FFD35E","#FFFFFF");
|
||
pwdInfo.text("：一般");
|
||
break;
|
||
case 6:
|
||
this.setStyle("#95EB81","#95EB81","#95EB81");
|
||
pwdInfo.text("：强");
|
||
break;
|
||
default:
|
||
this.setStyle("#FFFFFF","#FFFFFF","#FFFFFF");
|
||
pwdInfo.text("");
|
||
}
|
||
}else{
|
||
pwdStrTip.hide();
|
||
this.setStyle("#FFFFFF","#FFFFFF","#FFFFFF");
|
||
pwdInfo.text("");
|
||
}
|
||
},
|
||
|
||
/**
|
||
*设置密码强度条的颜色
|
||
*@param {RGB}
|
||
*@param {RGB}
|
||
*@param {RGB}
|
||
*/
|
||
setStyle : function(st1,st2,st3){
|
||
var s1 = $(this.cfg.strength).find('.s1'),
|
||
s2 = $(this.cfg.strength).find('.s2'),
|
||
s3 = $(this.cfg.strength).find('.s3');
|
||
s1.css('background-color',st1);
|
||
s2.css('background-color',st2);
|
||
s3.css('background-color',st3);
|
||
}
|
||
} |