JavaScript正则验证密码强弱度的实现方法 JavaScript正则验证密码强弱度的

展示
文章图片

设计
【JavaScript正则验证密码强弱度的实现方法】密码强弱度分析

密码由数字,字母,特殊符号组成

密码: 只有数字- 或者是只有字母,或者是只有特殊符号——1级：弱
两两组合: 数字和字母, 数字和特殊符号, 字母和特殊符号——2级：中
三者都有: 数字和字母和特殊符号——3级：强

代码
版本一：基本

Document - 锐客网#dv{width: 300px; height:200px; position: absolute; left:100px; top:100px; }.strengthLv0 {height: 6px; width: 120px; border: 1px solid #ccc; padding: 2px; }.strengthLv1 {background: red; height: 6px; width: 40px; border: 1px solid #ccc; padding: 2px; }.strengthLv2 {background: orange; height: 6px; width: 80px; border: 1px solid #ccc; padding: 2px; }.strengthLv3 {background: green; height: 6px; width: 120px; border: 1px solid #ccc; padding: 2px; }密码密码强度：

上面代码有点冗余，我们对其进行升级改写
版本二：升级

Document - 锐客网#dv{width: 300px; height:200px; position: absolute; left:100px; top:100px; }.strengthLv0 {height: 6px; width: 120px; border: 1px solid #ccc; padding: 2px; }.strengthLv1 {background: red; height: 6px; width: 40px; border: 1px solid #ccc; padding: 2px; }.strengthLv2 {background: orange; height: 6px; width: 80px; border: 1px solid #ccc; padding: 2px; }.strengthLv3 {background: green; height: 6px; width: 120px; border: 1px solid #ccc; padding: 2px; }密码密码强度：

到此这篇关于JavaScript正则验证密码强弱度的实现方法的文章就介绍到这了,更多相关JavaScript正则密码强弱度内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！