js检测用户输入密码强度
Javascript用于检测用户输入密码强度的效果代码。下面的代码主要从以下四个方面来检测用户输入密码的强度,感兴趣的朋友可以添加或修改自己的表单。1。如果输入数小于5位,则决策是弱的。
2。如果输入密码仅由一个数字、小写字母、大写字母或其他特殊符号组成,则被认为是弱的。
三.如果密码是由两个数字组成,小写字母,大写字母,或其他特殊符号,密码被判断为是在它。
4。如果密码是由超过三的数字,小写字母,大写字母,或其他特殊符号组成,它被确定为强。
让我们先看看这个实现的效果。
下面是用javascript具体测试用户输入密码强度的效果代码。
代码的HTML部分:
没有什么
CSS代码的一部分:
PWD {宽度:40px;高度:20px;线高度:14px;填料顶部:2px;}
。pwd_f {颜色:# bbbbbb;}
。pwd_c {背景颜色:# f3f3f3;边境上:1px solid # d0d0d0;底部边框:1px solid # d0d0d0;左边框:1px solid # d0d0d0;}
。pwd_weak_c {背景颜色:# ff4545;边境上:1px solid # bb2b2b;底部边框:1px solid # bb2b2b;左边框:1px solid # bb2b2b;}
。pwd_medium_c {背景颜色:# ffd35e;边境上:1px solid # e9ae10;底部边框:1px solid # e9ae10;左边框:1px solid # e9ae10;}
。pwd_strong_c {背景颜色:# 3abb1c;边境上:1px solid # 267a12;底部边框:1px solid # 267a12;左边框:1px solid # 267a12;}
。pwd_c_r {边界:1px solid # d0d0d0;}
。pwd_weak_c_r {边界:1px solid # bb2b2b;}
。pwd_medium_c_r {边界:1px solid # e9ae10;}
。pwd_strong_c_r {边界:1px solid # 267a12;}
使用的Js函数:
功能checkintensity(PWD){
无功mcolor,wcolor,scolor,color_html;
var m=0;
var模式= 0;
为(i = 0;i < pwd.length;i++){
无功chartype = 0;
var t = pwd.charcodeat(我);
如果(T>=48吨< = 57){ chartype = 1;}
如果(t > = 65 T <= 90){ chartype = 2;}
如果(t > = 97 T <= 122){ chartype = 4;}
别的{ chartype = 4;}
模式chartype | =;
}
对于(i = 0;i < 4;i + +){
如果(模式1){ + +;}
模式> = 1;
}
如果(PWD。长度<= 4){ m = 1;}
如果(PWD。长度<= 0){ m = 0;}
开关(m){
案例1:
wcolor =PWD pwd_weak_c ;
mcolor =PWD pwd_c ;
scolor =PWD pwd_c pwd_c_r ;
color_html =弱;
打破;
案例2:
wcolor =PWD pwd_medium_c ;
mcolor =PWD pwd_medium_c ;
scolor =PWD pwd_c pwd_c_r ;
color_html = ;
打破;
案例3:
wcolor =PWD pwd_strong_c ;
mcolor =PWD pwd_strong_c ;
scolor =PWD pwd_strong_c pwd_strong_c_r ;
color_html =强大;
打破;
违约:
wcolor =PWD pwd_c ;
mcolor =PWD pwd_c pwd_f ;
scolor =PWD pwd_c pwd_c_r ;
color_html =没有;
打破;
}
document.getelementbyid('pwd_weak classname = wcolor);
Document.getElementById ('pwd_Medium').ClassName=Mcolor;
document.getelementbyid('pwd_strong classname = scolor);
document.getelementbyid('pwd_medium).innerHTML = color_html;
}
密码强度对用户信息的安全是非常重要的,所以我们必须重视,不仅在开发项目应该注意的,以及在平时的登记信息来提高密码的强度,保护个人信息安全,本文席希望对大家的学习有所帮助。