用JavaScript验证密码强度(仿Microsoft注册)

代码：
<html>
<head>
<style   type="text/css">

</style>
<script type="text/javascript" language="JavaScript">
function checkPassword(pwd)
{
   var objLow=document.getElementById("iWeak");
   var objMed=document.getElementById("iMedium");
   var objHi=document.getElementById("iStrong");
   if(pwd.length==0)
   {
      objLow.style.background = "#f1f1f1";
     objMed.style.background = "#f1f1f1";
     objHi.style.background = "#f1f1f1";
   }
   else
   {
    if(pwd.length<4)
    {
      objLow.style.background = "#ff0033";
      objMed.style.background = "#f1f1f1";
      objHi.style.background = "#f1f1f1";
    }
    else
    {
      var p1= (pwd.search(/[a-zA-Z]/)!=-1) ? 1 : 0;
      var p2= (pwd.search(/[0-9]/)!=-1) ? 1 : 0;
      var p3= (pwd.search(/[^A-Za-z0-9_]/)!=-1) ? 1 : 0;
      var pa=p1+p2+p3;

      if(pa==1)
      {
        objLow.style.background = "#ff0033";
        objMed.style.background = "#f1f1f1";
        objHi.style.background = "#f1f1f1";
      }
      else if(pa==2)
      {
        objLow.style.background = "#ffff33";
        objMed.style.background = "#ffff33";
        objHi.style.background = "#f1f1f1";
      }
      else if(pa==3)
      {
      objLow.style.background = "#66ff66";
        objMed.style.background = "#66ff66";
        objHi.style.background = "#66ff66";
      }
    }
}
}
</script>
</head>
<body>
密码：<input id="txt" onblur="checkPassword(this.value)">
<DIV id=iSM>
<UL>
     <LI id=iWeak>弱 </LI>
     <LI id=iMedium>中 </LI>
     <LI id=iStrong>强 </LI>
</UL>
</DIV>
</body>
</html>

posted on 2008-05-08 15:39 nextsoft 阅读(696) 评论(3) 编辑收藏举报