JavaScript实现密码强度验证
来源:互联网 发布:工作室源码 编辑:程序博客网 时间:2024/04/30 03:30
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>密码强度</title> <style type="text/css"> #passStrength { height: 6px; width: 120px; border: 1px solid #ccc; padding: 2px; } .strengthLv1 { background: red; height: 6px; width: 40px; } .strengthLv2 { background: orange; height: 6px; width: 80px; } .strengthLv3 { background: green; height: 6px; width: 120px; } </style> <script type="text/javascript"> window.onload = function () { new PassworStrength("passStrength","pass"); function PassworStrength(passStrength,pass) { this.init = function(passStrength) { var tempStrongDiv = document.createElement("div"); var tempPasswordStrengthLevel = document.createElement("strong"); var passStrengthDiv = document.getElementById(passStrength); this.strongDiv = passStrengthDiv.appendChild(tempStrongDiv); this.passwordStrengthLevelDiv = passStrengthDiv.parentNode.appendChild(tempPasswordStrengthLevel); } this.checkPasswordStrength = function (password) { var strengthText = ["低", "低", "中", "高"]; var strengthLevel = 0; if (/[a-zA-Z]/.test(password)) { strengthLevel++; } if (/[0-9]/.test(password)) { strengthLevel++; } if (/[^a-zA-Z0-9]/.test(password)) { strengthLevel++; } if (password.length <= 6) { strengthLevel = 0; } if (strengthLevel <= 1) { strengthLevel = 1; } this.strongDiv.className = "strengthLv" + strengthLevel; this.passwordStrengthLevelDiv.innerText = strengthText[strengthLevel]; } this.init(passStrength); var _this = this; document.getElementById(pass).onkeyup = function () { _this.checkPasswordStrength(this.value); } } } </script></head><body> <input type="password" name="pass" id="pass" maxlength="16" /> <div class="pass-wrap"> <em>密码强度:</em> <div id="passStrength"></div> </div></body></html>
http://www.cnblogs.com/yjzhu/p/3394717.html
0 0
- JavaScript实现密码强度验证
- JavaScript实现密码强度实时验证
- JavaScript验证密码强度
- JavaScript 密码强度验证
- JavaScript 密码强度验证
- javascript 密码强度验证
- javascript实现密码强度
- 用JavaScript验证密码强度
- JavaScript验证客户端密码强度
- javascript -- 密码强度的验证
- jquery实现密码强度验证
- js实现密码强度验证
- Javascript实现评估密码强度
- JavaScript下正则表达式密码强度验证
- JavaScript下正则表达式密码强度验证
- JavaScript实践——密码强度验证
- JavaScript表单——验证密码强度
- 用js实现密码强度验证
- iOS中GPS定位
- 【JavaSE】关于foreach
- Linux系统密码忘记后的五种恢复方法
- How to access pixel data of an image
- 分布式系统的Raft算法
- JavaScript实现密码强度验证
- 快速排序
- Ubuntu 学习笔记
- A better understanding of java abstract class and interface
- 品茗论道说广播(Broadcast内部机制讲解)(上)
- 单向链表的基本操作
- Linked List Cycle II (Java)
- 解决懒加载问题org.hibernate.LazyInitializationException: could not initialize proxy - no Session
- 2014年总结和2015年计划