验证密码负责程度

<style type="text/css">
.w0{
background:url(<%=basePath%>/front/images/pwbg.png);
width:105px;
height:24px;
display:none;

}
.w1{
background:url(<%=basePath%>/front/images/pwbg.png) -0px -24px;
width:105px;
height:24px;
display:none;

}
.w2{
background:url(<%=basePath%>/front/images/pwbg.png) -0px -48px;
width:105px;
height:24px;
display:none;

}
.w3{
background:url(<%=basePath%>/front/images/pwbg.png) -0px -74px;
width:105px;
height:24px;
display:none;

}

</style>

<script>

//密码强度
function checkstr(str){
if(str>=48&&str<=57){//数字
return 1;
}else if(str>=65&&str<=90){//大写字母
return 2;
}else if(str>=97&&str<=122) {//小写字母
return 3;
}else{//特殊字符
return 4;
}
}
function checkl(string){
n=false;
s=false;
t=false;
l_num=0;
if(string.length<6){
l_num=1;
}else{
for(i=0;i<string.length;i++){
asc=checkstr(string.charCodeAt(i));
if(asc==1 && n==false){
l_num+=1;
n=true;
}
if((asc==2 || asc==3) && s==false){
l_num+=1;
s=true;
}
if(asc==4 && t==false){
l_num+=1;
t=true;
}
}
}
return l_num;
}

function checklevel(psw){
if(psw == ""){
document.getElementById("pwd_small").style.display="none";
document.getElementById("pwd_center").style.display="none";
document.getElementById("pwd_ok").style.display="none";
}else{
thelev=checkl(psw);
alert(thelev);
switch(thelev){

case 1:
document.getElementById("pwd_small").style.display="block";
document.getElementById("pwd_center").style.display="none";
document.getElementById("pwd_ok").style.display="none";
break;
case 2:
document.getElementById("pwd_small").style.display="none";
document.getElementById("pwd_center").style.display="block";
document.getElementById("pwd_ok").style.display="none";
break;
case 3:
document.getElementById("pwd_small").style.display="none";
document.getElementById("pwd_center").style.display="none";
document.getElementById("pwd_ok").style.display="block";
break;
default:
document.getElementById("pwd_small").style.display="block";
document.getElementById("pwd_center").style.display="none";
document.getElementById("pwd_ok").style.display="none";
}
}
}


</script>
<body>
下面是密码框

<input name="usersInf.loginPass" id="upass" οnkeyup="checklevel(this.value)" maxlength="18"
class="asiptinput" type="password" style="width:250px;"/>
<span class="datetime">
<span class="txtred"> * </span> 请输入6-18个字母、数字、下划线
<span id="pass1" class="txtred"></span>
<!-- <div id="pwdisok" style="display: none;width:330px;"> -->
<!-- 密码强弱判断 -->
<span id="pwd_small" class="w1"> </span>
<span id="pwd_center" class="w2"> </span>
<span id="pwd_ok" class="w3"> </span>
<!-- </div> -->
</span>

下面是密码框触发的函数,对输入的密码进行处理,区分开来是那个等级的,并显示

</body>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值