密码强度检测

 

“密码强度检测”这个功能挺实用，对用户输入的密码进行复杂程度的评估。所以就从网上找了很多类似的，我这边进行整理一下，写了一个PasswordStrength类

 

passwordstrength.js

// 密码强度;
function  PasswordStrength(showed)
{    
     this .showed  =  ( typeof (showed)  ==   " boolean " ) ? showed: true ;
     this .styles  =   new  Array();    
     this .styles[ 0 ]  =  {backgroundColor: " #EBEBEB " ,borderLeft: " solid 1px #FFFFFF " ,borderRight: " solid 1px #BEBEBE " ,borderBottom: " solid 1px #BEBEBE " };    
     this .styles[ 1 ]  =  {backgroundColor: " #FF4545 " ,borderLeft: " solid 1px #FFFFFF " ,borderRight: " solid 1px #BB2B2B " ,borderBottom: " solid 1px #BB2B2B " };
     this .styles[ 2 ]  =  {backgroundColor: " #FFD35E " ,borderLeft: " solid 1px #FFFFFF " ,borderRight: " solid 1px #E9AE10 " ,borderBottom: " solid 1px #E9AE10 " };
     this .styles[ 3 ]  =  {backgroundColor: " #95EB81 " ,borderLeft: " solid 1px #FFFFFF " ,borderRight: " solid 1px #3BBC1B " ,borderBottom: " solid 1px #3BBC1B " };
     this .labels =  [ " 弱 " , " 中 " , " 强 " ];
     this .divName  =   " pwd_div_ " + Math.ceil(Math.random() * 100000 );
     this .minLen  =   1 ; //     
     this .width  =   " 200px " ;
     this .height  =   " 16px " ;    
     this .content  =   "" ;    
     this .selectedIndex  =   0 ;    
     this .init();    
}
PasswordStrength.prototype.init  =   function ()
{
     var  s  =   ' <table cellpadding="0" id=" ' + this .divName + ' _table" cellspacing="0" style="width: ' + this .width + ' ;height: ' + this .height + ' ;"> ' ;
    s  +=   ' <tr> ' ;
     for ( var  i = 0 ;i < 3 ;i ++ ){
        s  +=   ' <td id=" ' + this .divName + ' _td_ ' + i + ' " width="33%" align="center"><span style="font-size:1px">&nbsp;</span><span id=" ' + this .divName + ' _label_ ' + i + ' " style="display:none;font-family: Courier New, Courier, mono;font-size: 12px;color: #000000;"> ' + this .labels[i] + ' </span></td> ' ;
    }    
    s  +=   ' </tr> ' ;
    s  +=   ' </table> ' ;
     this .content  =  s;
     if ( this .showed)
    {
        document.write(s);
         this .copyToStyle( this .selectedIndex);
    }    
}
PasswordStrength.prototype.copyToObject  =   function (o1,o2)
{
     for ( var  i  in  o1)
    {
        o2[i]  =  o1[i];
    }
}
PasswordStrength.prototype.copyToStyle  =   function (id)
{
     this .selectedIndex  =  id;
     for ( var  i = 0 ;i < 3 ;i ++ )
    {
         if (i  ==  id - 1 )
        {
             this .$( this .divName + " _label_ " + i).style.display  =   " inline " ;
        }
         else
        {
             this .$( this .divName + " _label_ " + i).style.display  =   " none " ;
        }
    }
     for ( var  i = 0 ;i < id;i ++ )
    {
         this .copyToObject( this .styles[id], this .$( this .divName + " _td_ " + i).style);            
    }
     for (;i < 3 ;i ++ )
    {
         this .copyToObject( this .styles[ 0 ], this .$( this .divName + " _td_ " + i).style);
    }
}
PasswordStrength.prototype.$  =   function (s)
{
     return  document.getElementById(s);
}
PasswordStrength.prototype.setSize  =   function (w,h)
{
     this .width  =  w;
     this .height  =  h;
}
PasswordStrength.prototype.setMinLength  =   function (n)
{
     if (isNaN(n))
    {
         return  ;
    }
    n  =  Number(n);
     if (n > 1 ){
         this .minLength  =  n;
    }
}
PasswordStrength.prototype.setStyles  =   function ()
{
     if (arguments.length  ==   0 )
    {
         return  ;
    }
     for ( var  i = 0 ;i < arguments.length  &&  i  <   4 ;i ++ )
    {
         this .styles[i]  =  arguments[i];
    }
     this .copyToStyle( this .selectedIndex);
}
PasswordStrength.prototype.write  =   function (s)
{
     if ( this .showed)
    {
         return  ;
    }
     var  n  =  (s  ==   ' string ' )  ?   this .$(s) : s;
     if ( typeof (n)  !=   " object " )
    {
         return  ;
    }
    n.innerHTML  =   this .content;
     this .copyToStyle( this .selectedIndex);
}
PasswordStrength.prototype.update  =   function (s)
{
     if (s.length  <   this .minLen)
    {
         this .copyToStyle( 0 );
         return ;
    }
     var  ls  =   - 1 ;
     if  (s.match( / [a - z] / ig))
    {
        ls ++ ;
    }
     if  (s.match( / [ 0 - 9 ] / ig))
    {
        ls ++ ;
    }
      if  (s.match( / (.[ ^ a - z0 - 9 ]) / ig))
     {
        ls ++ ;
    }
     if  (s.length  <   6   &&  ls  >   0 )
    {
        ls -- ;
    }
      switch (ls) 
     { 
          case   0 :
              this .copyToStyle( 1 );
              break ;
          case   1 :
              this .copyToStyle( 2 );
              break ;
          case   2 :
              this .copyToStyle( 3 );
              break ;
          default :
              this .copyToStyle( 0 );
     }
}

 

 调用

< html >
< head >
< title > PasswordStrength </ title >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8" >
< script  language ="javascript"  src ="js/passwordstrength.js" ></ script >
</ head >
< body >  
< h4 > 密码强度检测 </ h4 >
< table  width ="100%"   border ="0"  cellspacing ="1"  cellpadding ="0" >
   < tr >
     < td  width ="100"  align ="right" > 强度显示： </ td >
     < td >
     < script  language ="javascript" > var  ps = new  PasswordStrength(); </ script >
     </ td >
   </ tr >
   < tr >
     < td  align ="right" > 密码检测： </ td >
     < td >< input  name ="pwd"  type ="password"  id ="pwd"  style ="width:200px"  onKeyUp ="ps.update(this.value);" ></ td >
   </ tr >
</ table >
</ body >
</ html >

 

代码示例下载：http://www.cnblogs.com/Files/yangcai/passwordstrength.rar