密码强度检测 由 群群 · 05/01/2010 效果直接看代码： 代码如下： HTML代码 <br /> <html><br /> <head><br /> <title>密码强度检测</title><br /> <script type="text/javascript"> function chkpwd(obj){ var t=obj.value; var id=getResult(t);</p> <p> //定义对应的消息提示 var msg=new Array(4); msg[0]="密码过短。"; msg[1]="密码强度差。"; msg[2]="密码强度良好。"; msg[3]="密码强度高。";</p> <p> var sty=new Array(4); sty[0]=-45; sty[1]=-30; sty[2]=-15; sty[3]=0;</p> <p> var col = new Array(4); col[0] = "gray"; col[1] = "#50AEDD"; col[2] = "#FF8213"; col[3] = "green";</p> <p> //设置显示效果 var bImg="<a href="http://www.poloo.org/attachments/month_1005/x201051183010.gif" target="_blank" rel="external">http://www.poloo.org/attachments/month_1005/x201051183010.gif</a>" //一张显示用的图片 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]; }</p> <p> //定义检测函数,返回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><br /> </head><br /> <body></p> <form name="form1"> <label for="pwd">用户密码</label><br /> <input type="password" name="pwd" onkeyup="chkpwd(this)" /></p> <div id="chkResult"></div> </form> <p></body><br /> </html><br /> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行] 附件： Share
HTML代码
HTML代码 HTML代码 HTML代码