密码强度检测js

密码强度检测js_第1张图片



今天自己做了一个JS密码强度判断,效果如下:


以下是代码:

[java]  view plain  copy
 print ?
  1.   
  2.   
  3. JS判断密码强度  
  4.     
  5.     //判断输入密码的类型    
  6.     function CharMode(iN){    
  7.         if (iN>=48 && iN <=57//数字    
  8.             return 1;    
  9.         if (iN>=65 && iN <=90//大写    
  10.             return 2;    
  11.         if (iN>=97 && iN <=122//小写    
  12.             return 4;    
  13.         else    
  14.             return 8;     
  15.     }  
  16.     //bitTotal函数    
  17.     //计算密码模式    
  18.     function bitTotal(num){    
  19.         modes=0;    
  20.         for (i=0;i<4;i++){    
  21.             if (num & 1) modes++;    
  22.             num>>>=1;    
  23.         }  
  24.         return modes;    
  25.     }  
  26.     //返回强度级别    
  27.     function checkStrong(sPW){    
  28.         if (sPW.length<6)    
  29.             return 0//密码太短,不检测级别  
  30.         Modes=0;    
  31.         for (i=0;i
  32.             //密码模式    
  33.             Modes|=CharMode(sPW.charCodeAt(i));    
  34.         }  
  35.         return bitTotal(Modes);    
  36.     }  
  37.     
  38.     //显示颜色    
  39.     function pwStrength(pwd){    
  40.         Dfault_color="#eeeeee";     //默认颜色  
  41.         L_color="#FF0000";      //低强度的颜色,且只显示在最左边的单元格中  
  42.         M_color="#FF9900";      //中等强度的颜色,且只显示在左边两个单元格中  
  43.         H_color="#33CC00";      //高强度的颜色,三个单元格都显示  
  44.         if (pwd==null||pwd==''){    
  45.             Lcolor=Mcolor=Hcolor=Dfault_color;  
  46.         }    
  47.         else{    
  48.             S_level=checkStrong(pwd);    
  49.             switch(S_level) {    
  50.             case 0:    
  51.                 Lcolor=Mcolor=Hcolor=Dfault_color;  
  52.                 break;  
  53.             case 1:    
  54.                 Lcolor=L_color;  
  55.                 Mcolor=Hcolor=Dfault_color;  
  56.                 break;    
  57.             case 2:    
  58.                 Lcolor=Mcolor=M_color;    
  59.                 Hcolor=Dfault_color;    
  60.                 break;    
  61.             default:    
  62.                 Lcolor=Mcolor=Hcolor=H_color;    
  63.         }    
  64.     }    
  65.     document.getElementById("strength_L").style.background=Lcolor;    
  66.     document.getElementById("strength_M").style.background=Mcolor;    
  67.     document.getElementById("strength_H").style.background=Hcolor;    
  68.     return;  
  69. }  
  70.   
  71.   
  72.   
  73. "" >  
  74.     "250" border="0" cellpadding=2" bordercolor="#eeeeee" style='display:inline'>  
  75.           
  76.             "40%" align="right">密码:  
  77.             "3" align="left">  
  78.                 20 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>  
  79.               
  80.            
  81.         "center">  
  82.             "40%" align="right">密码强度:  
  83.             "20%" id="strength_L" bgcolor="#eeeeee">弱    
  84.             "20%" id="strength_M" bgcolor="#eeeeee">中    
  85.             "20%" id="strength_H" bgcolor="#eeeeee">强    
  86.           
  87.       
  88.   
  89.   
  90.  

你可能感兴趣的:(PC端插件)