`

(转)自动检测密码强度的一个小例子

阅读更多

检测密码强度Demo.html:

<html>
<head>
<title>密码强度检测Demo</title>
<script type="text/javascript">
 function passwordTest(obj){
  var t=obj.value;
  var id=getResult(t);
  //定义对应的消息提示
  var msg=new Array(4);
  msg[0]="密码过短。";
  msg[1]="密码强度差。";
  msg[2]="密码强度良好。";
  msg[3]="密码强度高。";
  var sty=new Array(4);
  sty[0]=-45;
  sty[1]=-30;
  sty[2]=-15;
  sty[3]=0;
  var col = new Array(4);
  col[0] = "gray";
  col[1] = "#50AEDD";
  col[2] = "#FF8213";
  col[3] = "green";
  //设置显示效果
  var bImg="/img/pwdlen_dSIPeEGQWxfO.gif" //一张显示用的图片
  var sWidth=300;
  var sHeight=15;
  var Bobj=document.getElementById("nodetext");

  Bobj.style.fontSize="12px";
  Bobj.style.color=col[id];
  Bobj.style.width=sWidth + "px";
  Bobj.style.height=sHeight + "px";
  Bobj.style.lineHeight=sHeight + "px";
  Bobj.style.background="url(" + bImg + ") no-repeat left " + sty[id] + "px";
  Bobj.style.textIndent="20px";
  Bobj.innerHTML="检测提示:" + msg[id];
 }
 //定义检测函数,返回0/1/2/3分别代表无效/差/一般/强
 function getResult(s){
  if(s.length < 4){
   return 0;
  }
  var ls = 0;
  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--;
  }
  return ls
 }
</script>
</head>
<body>
<form name="form1">
 <label for="pwd">用户密码</label>
 <input type="password" name="pwd" onKeyUp="passwordTest(this)" />
 <div id="nodetext"></div>
</form>
</body>
</html>

 

 

分享到:
评论

相关推荐

    表单注册验证例子

    常见的验证类型包括:非空验证、格式验证(如邮箱、电话号码)、长度验证(密码强度)、唯一性验证(用户名或邮箱的唯一性)等。 在创建注册表单时,我们通常会包含以下字段: 1. 用户名:验证是否为空,长度是否...

    表单验证demo,包含多种例子

    验证不仅仅是基本的非空、邮箱格式检查,还可以根据业务需求创建自定义验证规则,例如检查密码强度、日期范围等。 综上所述,这个“表单验证demo”涵盖了从基础的HTML5表单特性到高级的JavaScript验证策略,以及...

    单点登陆jar包及例子

    当用户在第一个系统登录后,服务器会在用户的浏览器上设置一个跨域Cookie,后续访问其他系统时,浏览器会自动携带这个Cookie,其他系统通过解析Cookie来验证用户身份。 2. **基于JWT(JSON Web Token)的SSO**:JWT...

    仿支付宝密码输入框

    8. **js特效**:JavaScript在这里主要用于实现动态效果和交互逻辑,如实时验证密码强度、计时自动清除密码等。 9. **jQuery特效**:jQuery库常用于简化JavaScript代码,处理DOM操作,实现如输入框聚焦、失焦、输入...

    lightdata資料規格表1

    这个数据表是在SQL环境中,特别是MySQL的一个实例中创建和管理的,使用的可能是phpMyAdmin工具,这是一个流行的用于管理MySQL数据库的Web应用程序。 首先,让我们深入理解`lightdata`表格的结构。这个表格包含以下...

    Form-example:只是形式的例子

    【标题】"Form-example:只是一个形式的例子"是一个用于学习和实践的项目,它展示了如何创建一个功能丰富的HTML表单,并且结合了JavaScript进行实时验证和交互优化。这个表单不仅在设计上有所考虑,还引入了一些实用...

    编程技巧大全

    地下停车场的出入口控制是一个典型的例子,需要通过传感器检测车辆的进出,并通过逻辑控制来管理车位的占用情况。合理的程序设计可以确保车辆的顺利通行和停车位的有效利用。 **1.15 三相异步马达正反转控制** 对于...

    JavaScript网页设计常用300示例

    13. **密码管理**:比如显示/隐藏密码、密码强度检测等,涉及到了对用户输入的实时反馈。 14. **定时器与回调**:setTimeout、setInterval、clearTimeout和clearInterval的使用,以及异步编程的回调函数。 15. **...

    1800个常用JavaScript特效集锦(前端必备).rar

    "1800个常用JavaScript特效集锦"是一个丰富的资源库,包含了众多适用于前端项目的实用特效,对于前端开发者来说,这是一个不可多得的学习和参考资料。 首先,我们要理解JavaScript特效的基本概念。在前端开发中,...

    CC2530 Software User's guide.pdf

    它广泛应用于低功耗无线网络通信,是无线传感器网络和家庭自动化领域中的热门选择。 《CC2530 Software User's Guide》作为该芯片的软件用户手册,旨在为用户提供软件开发和硬件设计的参考资料。文档详细介绍了如何...

    mysqlslap进行压力测试参考.pdf

    MySQLslap是一个由MySQL官方提供的压力测试工具,用于模拟多客户端并发访问MySQL服务器,从而评估数据库在高负载下的性能和稳定性。它可以帮助管理员检测数据库在实际应用中的性能瓶颈,优化数据库配置,提升整体...

    资料python软件编程等级考试(二级)编程实操题.pdf

    16. **密码强度检测**: - 输入"12abcd5!"包含数字、字母和特殊符号,所以密码强度为“强”,输出结果是D.强。 - 要实现这个功能,可以使用条件判断来检查密码的类别,并根据类别数量输出相应的强度。 以上是...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 ...

    Account Tools-crx插件

    4. **安全强化**:除了基本的存储功能,高级的账户管理工具可能还提供密码强度检测,提醒用户定期更改弱密码,提升账户安全性。 5. **多设备同步**:如果插件支持云同步,用户可以在不同设备间无缝同步账号数据,...

    sqlmap-wiki-zhcn::syringe:可能是最完整的sqlmap中文文档

    1. **检测**:SQLMap能够自动检测目标网站是否存在SQL注入漏洞,通过多种技术如盲注、时间延迟注入、布尔型注入等进行测试。 2. **枚举**:一旦检测到漏洞,它会枚举出数据库管理系统(如MySQL、PostgreSQL、Oracle...

    MFRC500的匹配电路和天线设计指南

    - **微控制器(µC)的并行接口**:自动检测连接的8位并行接口。 - **数据处理部分**:将并行数据转换为串行数据;支持帧检查、CRC/奇偶校验的产生和检查、位编码和处理等功能;支持ISO 14443-A的所有层,确保MFRC...

    GSM AT命令手册集

    - **ATS0**:自动应答,设置设备自动接听电话。 ##### 3. 网络业务命令 - **AT+CSQ**:信号质量,查询当前的信号强度和质量。 - **AT+COPS**:运营商选择,设置或查询网络运营商的选择模式。 - **AT+CREG**:网络...

Global site tag (gtag.js) - Google Analytics