Chinaunix首页 | 论坛 | 博客
  • 博客访问: 286424
  • 博文数量: 15
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 88
  • 用 户 组: 普通用户
  • 注册时间: 2017-12-01 10:33
文章分类

全部博文(15)

文章存档

2019年(12)

2018年(2)

2017年(1)

我的朋友

分类: PHP

2018-12-02 10:53:30

本文通过实例代码给大家分享PHP根据密码长度显示安全条功能,可以结合到上的用户注册页面,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧

代码如下所示:
  1. //根据密码长度显示安全条
  2.           <ul class="clear">
  3.           <li>密  码:</li>
  4.           <li> <input type="password" id="pwd" name="pwd" class="in" onKeyUp=pwStrength(this.value) onBlur=pw_y("pwd","pwd1")></li>
  5.           <li><em class="red">*</em></li>
  6.           <li class="i2 grey"><table border="0" bordercolor="#cccccc" style='display:marker'>
  7.           <tr align="center">
  8.             <td id="strength_L" bgcolor="#eeeeee"></td>
  9.             <td id="strength_M" bgcolor="#eeeeee"></td>
  10.             <td id="strength_H" bgcolor="#eeeeee"></td>
  11.           <td align="left" >
  12.            <label id="pwd1">使用数字,字母,下划线,长度在 6 - 20 个字符之间</label></td>
  13.             </tr>
  14.           </table>
  15.           </li>
  16.           </ul>
  17. function pwStrength(pwd){
  18.   O_color="#eeeeee";
  19.   L_color="#FF0000";
  20.   M_color="#FF9900";
  21.   H_color="#33CC00";
  22.   if (pwd==null||pwd==''){
  23.     Lcolor=Mcolor=Hcolor=O_color;
  24.   }else{
  25.     S_level=checkStrong(pwd);
  26.     switch(S_level) {
  27.       case 0:
  28.         Lcolor=Mcolor=Hcolor=O_color;
  29.       case 1:
  30.         Lcolor=L_color;
  31.         Mcolor=Hcolor=O_color;
  32.         break;
  33.       case 2:
  34.         Lcolor=Mcolor=M_color;
  35.         Hcolor=O_color;
  36.         break;
  37.       default:
  38.         Lcolor=Mcolor=Hcolor=H_color;
  39.       }
  40.   }
  41.   document.getElementById("strength_L").style.background=Lcolor;
  42.   document.getElementById("strength_M").style.background=Mcolor;
  43.   document.getElementById("strength_H").style.background=Hcolor;
  44.   return;
  45. }
以上所述就是PHP实现根据密码长度显示安全条方法,希望对大家有所帮助!
阅读(1877) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~