之前做的通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高)。当然这只是一个很简单的密码强度显示功能,不像网上那么复杂,能够满足一般的需求。
function PasswordStrength(passwordID,strengthID){ var _this = this; _this.init(strengthID); document.getElementById(passwordID).onkeyup = function(){ _this.checkStrength(this.value); }}PasswordStrength.prototype.init = function(strengthID){ var id = document.getElementById(strengthID); var div = document.createElement('div'); var strong = document.createElement('strong'); this.oStrength = id.appendChild(div); this.oStrengthTxt = id.parentNode.appendChild(strong);}PasswordStrength.prototype.checkStrength = function (val){ var aLvTxt = ['','低','中','高']; var lv = 0; if(val.match(/[a-z]/g)){lv++;} if(val.match(/[0-9]/g)){lv++;} if(val.match(/(.[^a-z0-9])/g)){lv++;} if(val.length < 6){lv=0;} if(lv > 3){lv=3;} this.oStrength.className = 'strengthLv' + lv; this.oStrengthTxt.innerHTML = aLvTxt[lv];}
密码强度 密码强度:
已抢141068个
抢已抢4645个
抢已抢7349个
抢已抢21586个
抢