密码强度检测效果实现原理与代码
2013-01-04 00:00
627 查看
<html> <head> <title>密码强度检测效果</title> <script type="text/javascript"> function chkpwd(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="http://download.jz123.cn/sc/pwdlen_dSIPeEGQWxfO.gif" //一张显示用的图片 var sWidth=300; var sHeight=15; var Bobj=document.getElementById("chkResult"); 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> 告诉你一个应有尽有的网页特效网址:http://www.jb51.net/list/list_43_1.htm <form name="form1"> <label for="pwd">用户密码</label> <input type="password" name="pwd" onKeyUp="chkpwd(this)" /> <div id="chkResult"></div> </form> </body> </html>
相关文章推荐
- Java实现--密码强度检测--的工具类代码
- javascripit实现密码强度检测代码分享
- JavaScript动态检测密码强度的原理及实现
- 检测用户输入密码强度的效果代码
- javascripit实现密码强度检测代码分享
- (转)passwordStrength 基于jquery的密码强度检测代码使用介绍
- 十三种基于直方图的图像全局二值化算法原理、实现、代码及效果。
- jQuery实现密码强度检测,以破解时间来衡量(未测试)
- 基于密码强度检测代码
- 基于规则评分的密码强度检测算法分析及实现(JavaScript)
- 输入密码检测大写是否锁定js实现代码
- C#设计模式之Template模板方法模式实现ASP.NET自定义控件 密码强度检测功能
- Jquery写一个鼠标拖动效果实现原理与代码
- 一个用php实现密码强度检测的类
- jQuery判断密码强度实现思路及代码
- passwordStrength 基于jquery的密码强度检测代码使用介绍
- jQuery实现密码强度检测
- 十三种基于直方图的图像全局二值化算法原理、实现、代码及效果(转)
- DWR实现模拟Google搜索效果实现原理及代码