密码强度测试

 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>密码强度测试</title>
</head>
<script language="JavaScript">

<!--
function checkIntensity(pwd)
{
  var Mcolor = "#FFF",Lcolor = "#FFF",Hcolor = "#FFF";
  var m=0;

  var Modes = 0;
  for (i=0; i<pwd.length; i++)
  {
    var charType = 0;
    var t = pwd.charCodeAt(i);
    if (t>=48 && t <=57)//0~9
    {
      charType = 1;
    }
    else if (t>=65 && t <=90)//a~z
    {
      charType = 2;
    }
    else if (t>=97 && t <=122)//A~Z
      charType = 4;
    else
      charType = 4;
    Modes =Modes | charType;
  }

  for (i=0;i<4;i++)
  {
    if (Modes & 1) m++;
      Modes=Modes>>>1;
  }

  if (pwd.length<=4)
  {
    m = 1;
  }

  switch(m)
  {
    case 1 :
      Lcolor = "2px solid red";
      Mcolor = Hcolor = "2px solid #DADADA";
    break;
    case 2 :
      Mcolor = "2px solid #f90";
      Lcolor = Hcolor = "2px solid #DADADA";
    break;
    case 3 :
      Hcolor = "2px solid #3c0";
      Lcolor = Mcolor = "2px solid #DADADA";
    break;
    case 4 :
      Hcolor = "2px solid #3c0";
      Lcolor = Mcolor = "2px solid #DADADA";
    break;
    default :
      Hcolor = Mcolor = Lcolor = "";
    break;
  }
  document.getElementById("pwd_lower").style.borderBottom  = Lcolor;
  document.getElementById("pwd_middle").style.borderBottom = Mcolor;
  document.getElementById("pwd_high").style.borderBottom   = Hcolor;

}
//-->

</script>
<body>
<input type="password" name="password" onChange="checkIntensity(this.value)" />
<table width="170" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td id="pwd_lower" style="border-bottom:2px solid #DADADA">&nbsp;</td>
            <td style="border-bottom:2px solid #DADADA; width:2px">&nbsp;</td>
            <td id="pwd_middle" style="border-bottom:2px solid #DADADA">&nbsp;</td>
            <td style="border-bottom:2px solid #DADADA; width:2px">&nbsp;</td>
            <td id="pwd_high"  style="border-bottom:2px solid #DADADA">&nbsp;</td>
        </tr>
    </tbody>
</table>
</body>
</html>
Tags: JS  密码  

About this entry

You’re currently reading “密码强度测试,” an entry on AUG Team

Published:
2008-7-1 21:36:5
Category:
JS
Views: