好资源导航 » 文章资讯 » JS正则表达式验证密码强度

JS正则表达式验证密码强度

2023-07-28 11:47:14 79

本文实例为大家分享了JS正则表达式验证密码强度的具体代码，供大家参考，具体内容如下

代码1：





Document


#dv{
width:300px;
height:200px;
position:absolute;
left:300px;
top:100px;
}
.strengthLv0{
height:6px;
width:120px;
border:1pxsolid#ccc;
padding:2px;
}

.strengthLv1{
background:red;
height:6px;
width:40px;
border:1pxsolid#ccc;
padding:2px;
}

.strengthLv2{
background:orange;
height:6px;
width:80px;
border:1pxsolid#ccc;
padding:2px;
}

.strengthLv3{
background:green;
height:6px;
width:120px;
border:1pxsolid#ccc;
padding:2px;
}



密码


密码强度：

优化代码2：





Document


#dv{
width:300px;
height:200px;
position:absolute;
left:300px;
top:100px;
}
.strengthLv0{
height:6px;
width:120px;
border:1pxsolid#ccc;
padding:2px;
}

.strengthLv1{
background:red;
height:6px;
width:40px;
border:1pxsolid#ccc;
padding:2px;
}

.strengthLv2{
background:orange;
height:6px;
width:80px;
border:1pxsolid#ccc;
padding:2px;
}

.strengthLv3{
background:green;
height:6px;
width:120px;
border:1pxsolid#ccc;
padding:2px;
}



密码


密码强度：

common.js

/**
*获取指定标签对象
*@paramid标签的id属性值
*@returns{Element}根据id属性值返回指定标签对象
*/
functionmy$(id){
returndocument.getElementById(id);
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

JS正则表达式验证密码强度

热门推荐

随机推荐