js在客户端验证密码强度，兼容FireFox和IE

更新时间：2007年05月09日 00:00:00 作者：

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

改成这样的也行……

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

google效果

<script language=javascript>  //CharMode函数  //测试某个字符是属于哪一类.  function CharMode(iN){  if (iN>=48 && iN <=57) //数字  return 1;  if (iN>=65 && iN <=90) //大写字母  return 2;  if (iN>=97 && iN <=122) //小写  return 4;  else  return 8; //特殊字符  }  //bitTotal函数  //计算出当前密码当中一共有多少种模式  function bitTotal(num){  modes=0;  for (i=0;i<4;i++){  if (num & 1) modes++;  num>>>=1;  }  return modes;  }  //checkStrong函数  //返回密码的强度级别  function checkStrong(sPW){  if (sPW.length<=4)  return 0; //密码太短  Modes=0;  for (i=0;i<sPW.length;i++){  //测试每一个字符的类别并统计一共有多少种模式.  Modes|=CharMode(sPW.charCodeAt(i));  }  return bitTotal(Modes);  }  //pwStrength函数  //当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色  function pwStrength(pwd){  O_color="#eeeeee";  L_color="#FF0000";  M_color="#FF9900";  H_color="#33CC00";  if (pwd==null||pwd==''){  Lcolor=Mcolor=Hcolor=O_color;  }  else{  S_level=checkStrong(pwd);  switch(S_level) {  case 0:  Lcolor=Mcolor=Hcolor=O_color;  case 1:  Lcolor=L_color;  Mcolor=Hcolor=O_color;  break;  case 2:  Lcolor=Mcolor=M_color;  Hcolor=O_color;  break;  default:  Lcolor=Mcolor=Hcolor=H_color;  }  }  document.getElementById("strength_L").style.background=Lcolor;  document.getElementById("strength_M").style.background=Mcolor;  document.getElementById("strength_H").style.background=Hcolor;  return;  }  </script>  <form name=form1 action="" >  输入密码:<input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>  密码强度:  <table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'>  <tr align="center" bgcolor="#eeeeee">  <td width="33%" id="strength_L">弱</td>  <td width="33%" id="strength_M">中</td>  <td width="33%" id="strength_H">强</td>  </tr>  </table>  </form>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

js实现Form栏显示全格式时间时钟效果代码
这篇文章主要介绍了js实现Form栏显示全格式时间时钟效果代码,可读取当前的完整时间并实时显示,非常具有实用价值,需要的朋友可以参考下
2015-08-08
web 页面分页打印的实现
网上找的，经我整理添加demo如下
2009-06-06
浅谈JS原生Ajax,GET和POST
下面小编就为大家带来一篇浅谈JS原生Ajax,GET和POST。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JS实现上传图片的三种方法并实现预览图片功能
在用户注册页面，需要用户在本地选择一张图片作为头像，并同时预览，实现思路有两种，具体实现方法和实例代码大家参考下本文
2017-07-07
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
今天小编就为大家分享一篇浅谈layui数据表格判断问题(加入表单元素),设置单元格样式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-10-10
JavaScript 接口原理与用法实例详解
这篇文章主要介绍了JavaScript 接口原理与用法,结合实例形式详细分析了JavaScript 接口原理、优缺点、用法及操作注意事项,需要的朋友可以参考下
2020-05-05
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
今天小编就为大家分享一篇layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(暂只IE下有效)
2009-01-01
微信小程序实现本地分页加载
这篇文章主要为大家详细介绍了微信小程序实现本地分页加载，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-08-08
如何使用json在前后台进行数据传输实例介绍
需要把这些输入写入数据库，这里就用到json传入，先看一下后台如何生成要传输的数据，感兴趣的朋友可以参考下，希望可以帮助到你
2013-04-04

最新评论