js检测用户输入密码强度

时间：2016.04.20 发布人：zfqudc
js检测用户输入密码强度

已解决问题

谷歌zfqudc用户在2016.04.20提交了关于“监狱风云js检测用户输入密码强度”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-27T00:35:44。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，希望你能感受到,我最真诚的谢意 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：wang007ming  

一个用J**ascript检测用户输入密码强度的效果代码，以标纸友日尽古径热样下代码主要是从以下四个方面来自检测用户输入的密码的强度的，有兴趣的朋友可以自己添加或修改成自己想要的形式！
1.如果输入的密码位数少于5位，那么就判定为弱。
2.如果输入的密码只由数该台师细全沿水字、小写字母、大写字母或感其它特殊符号当中的一种组成，则判定为弱。
3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成，则判定为中。
4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成问答，则判定为强。
先来看看这个实现的效果吧！

下面是具体利用J**ascr品菜间属进裂谁模展则未ipt检测用户输入密码强度的效果代码。
html部分代码：

<inputname="演属装缺提向password"type="PassWord"onKeyUp="CheckIntensity(this.value)"><tablebo先河语包群化界致组祖rder="0"cellpadding="0"cellspacing="0"><tralign="center"><tdid="pwd_We**"同章口林表常深鱼class="pwdpwd_c"></td><t政did="pwd_Medium"class="pwdpwd_cpwd_f">无</td><tdid="pwd_Strong"class="pwdpwd_cpw果非额适书领及活面d_c_r"></td></tr></table>

css部分代码：

.pwd{width:40px;height:20px;line-height防功销风牛李星达严列唱:14px;padding-top:2px;}.夫酸九信古九停相pwd_f{color:#******;}.pwd_c拿总分草块越边运宽沙{background-color:#F3F3F3;border-to划互p:1pxsoli罪目者款d#D0D0D0;border-bottom:1pxsolid#D0D0D0;border-left:1pxsolid#矿语什剂州差D0D0D0;}.pwd_We**_c{background-color:#FF4545;border-top:1pxsolid#**2B2B;border-bottom:1扩诗pxsolid#**2B2B;border-left:1pxsolid#**2B2B;}.pwd_Medium_c{background-c女字练察热烈抗命olor:#FFD3经5E;border-top:1pxsolid#E9AE10;border-bottom:1pxsolid#E9AE10;border-left:1pxsolid#E9AE10;}.pwd_Strong_c{background-color:#3A**1C;border-top:1pxsolid#267A12;border-bottom:1pxsolid#267A12;border-left:1pxsolid#267A12;}.pwd_c_r{border-right:1pxsolid#D0D0D0;}.pwd_We**_c_r{border-right:1pxsolid#**2B2B;}.pwd_Medium_c_r{border-right:1pxsolid#E9AE10;}.pwd_Strong_c_r{border-right:1pxsolid#267A12;}

使用到的Js函数：

functionCheckIntensity(pwd){varMcolor,Wcolor,Scolor,Color_h**tml;varm=0;varModes=0;for(i=0;i<pwd.length;i++){varcharType=0;vart=pwd.charCodeAt(i);if(t>=48&&t<=57){charType=1;}elseif(t>=65&&t<=90){charType=2;}elseif(t>=97&&t<=122){charType=4;}else{charType=4;}Modes|=charType;}for(i=0;i<4;i++){if(Modes&1){m++;}Modes>>>=1;}if(pwd.length<=4){m=1;}if(pwd.length<=0){m=0;}switch(m){case1:Wcolor="pwdpwd_We**_c";Mcolor="pwdpwd_c";Scolor="pwdpwd_cpwd_c_r";Color_h**tml="弱";bre**;case2:Wcolor="pwdpwd_Medium_c";Mcolor="pwdpwd_Medium_c";Scolor="pwdpwd_cpwd_c_r";Color_h**tml="中";bre**;case3:Wcolor="pwdpwd_Strong_c";Mcolor="pwdpwd_Strong_c";Scolor="pwdpwd_Strong_cpwd_Strong_c_r";Color_h**tml="强";bre**;default:Wcolor="pwdpwd_c";Mcolor="pwdpwd_cpwd_f";Scolor="pwdpwd_cpwd_c_r";Color_h**tml="无";bre**;}document.getElementById('pwd_We**').className=Wcolor;document.getElementById('pwd_Medium').className=Mcolor;document.getElementById('pwd_Strong').className=Scolor;document.getElementById('pwd_Medium').innerh**TML=Color_h**tml;}

密码设置的强度对用户信息安全尤为重要，所以大家一定要重视，不仅在开发项目中要时刻注意，还有在平时注册信息的时候也要提高密码的强度，保护**安全，希望这篇文章对大家的学习有所帮助。