验证密码

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <form action="" name="form1">
  <table width="250" border="0" cellpadding="2" bordercolor="#eee" style="display: inline">
   <tr>
    <td width="40%" align="right">密码:</td>
    <td colspan="3" align="left">
     <input type="password" size="20" οnkeyup="pwStrength(this.value)" οnblur="paStrength(this.value)">
    </td>
   </tr>
   <tr align="center">
    <td width="40%" align="right">密码强度:</td>
   </tr>
   <tr align="center">
    <td width="40%" align="right">密码强度:</td>
    <td width="20%" id="strength_L" bgcolor="#eee">弱</td>
    <td width="20%" id="strength_M" bgcolor="#eee">中</td>
    <td width="20%" id="strength_H" bgcolor="#eee">强</td>
   </tr>
  </table>
 </form>
</body>
</html>
<script>
 function CharMode(iN){
  if (iN>=48 && iN<=57){//数字
   return 1;
  } 
  if (iN>65 && iN<=90){//大写
   return 2;
  } 
  if (iN>=97 && iN<=122) {
    return 4;
  
  }else{
   return 8;
  }
 }
 function bitTotal(num){
  modes=0;
  for(i=0; i<4; i++){
   if (num & 1) modes++{
    num>>>=1;
   }
  }
 }
 function checkStrong(sPW){ 
  if (sPW.length<6) 
   return 0; //密码太短,不检测级别
  Modes=0; 
  for (i=0;i<sPW.length;i++){ 
   //密码模式 
   Modes|=CharMode(sPW.charCodeAt(i)); 
  }
  return bitTotal(Modes); 
 }
 
 //显示颜色 
 function pwStrength(pwd){ 
  Dfault_color="#eeeeee";  //默认颜色
  L_color="#FF0000";  //低强度的颜色,且只显示在最左边的单元格中
  M_color="#FF9900";  //中等强度的颜色,且只显示在左边两个单元格中
  H_color="#33CC00";  //高强度的颜色,三个单元格都显示
  if (pwd==null||pwd==''){ 
   Lcolor=Mcolor=Hcolor=Dfault_color;
  } 
  else{ 
   S_level=checkStrong(pwd); 
   switch(S_level) { 
   case 0: 
    Lcolor=Mcolor=Hcolor=Dfault_color;
    break;
   case 1: 
    Lcolor=L_color;
    Mcolor=Hcolor=Dfault_color;
    break; 
   case 2: 
    Lcolor=Mcolor=M_color; 
    Hcolor=Dfault_color; 
    break; 
   default: 
    Lcolor=Mcolor=Hcolor=H_color; 
  } 
 } 
 document.getElementById("strength_L").style.background=Lcolor; 
 document.getElementById("strength_M").style.background=Mcolor; 
 document.getElementById("strength_H").style.background=Hcolor; 
 return;
}
</script>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值