JavaScript动态检测密码强度原理及实现方法详解

前端  /  管理员 发布于 4年前   424

本文实例讲述了JavaScript动态检测密码强度原理及实现方法。分享给大家供大家参考，具体如下：

在注册账户，设置密码时，会出现密码强度动态检测，网上看了一些帖子，大多只写了具体的实现过程，而没有对原理的分析过程。下面着重讲一下其原理。

原理分析

通常实现密码强度动态判断有两种方案实现：

• 正则。但其效率低一点，难度也大一些。
• 字符串，函数和运算符。

这里用第二种方案，但是如何判断一个密码串是强还是弱呢？

一般我们的密码会设置为数字、字母（大小写）、特殊符号三类。

• 强：密码串包含其中三种或以上
• 中：密码串包含其中两种
• 弱：密码串包含其中一种

字符类型	二进制表示	ASCII
数字	0001	48~57
小写字母	0010	97~122
大写字母	0100	65~90
特殊字符	1000	其他

如有一些字符串：

字符串	二进制表示	十进制
5972	0001 || 0001 || 0001 || 0001	0001 ―> 1
boa	0010 || 0010 || 0010	0010 ―> 2
AOPA	0100 || 0100 || 0100 || 0100	0100 ―> 4
@!_$#	1000 || 1000 || 1000 || 1000 || 1000	1000 ―> 8
12ab（2种）	0001 || 0001 || 0010 || 0010	0011―> 3
12Ab（3种）	0001 || 0001 || 0100 || 0010	0111―> 7
1_Ab（4种）	0001 || 1000 || 0100 || 0010	1111―> 15

也就是4位二进制数，1的个数越多，密码强度越大，四盏灯，亮的个数越多，照的越亮。

把1的个数转换为强度：

循环4次，每次和1做“位与”运算。如果得到真，那么强度等级+1，否则不加。每循环完一次，移位操作一次。

如A3cd：0111

第一次：0111 & 1 = 1; level = 1; 右移一位，0011
第二次：0011 & 1 = 1; levle = 2; 右移一位，0001
第三次：0001 & 1 = 1; level = 3; 右移一位，0000
第四次：0000 & 1 = 0; level = 3; 右移一位，0000

level为3，是强密码。

代码实现

                      请输入密码：
    密 码 强 度：弱中强  

运行效果

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools..net.cn/code/HtmlJsRun测试上述代码运行效果。

PS：这里再为大家提供几款相关在线工具供大家参考使用：

密码安全性在线检测：
http://tools..net.cn/password/my_password_safe

在线随机数字/字符串生成工具：
http://tools..net.cn/aideddesign/suijishu

高强度密码生成器：
http://tools..net.cn/password/CreateStrongPassword

JavaScript正则表达式在线测试工具：
http://tools..net.cn/regex/javascript

正则表达式在线生成工具：
http://tools..net.cn/regex/create_reg

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

• javascript密码强度校验代码（两种方法）
• JS 密码强度验证(兼容IE,火狐,谷歌)
• js检验密码强度(低中高)附图
• js检测用户输入密码强度
• js正则表达式验证密码强度【推荐】
• 用于判断用户注册时，密码强度的JS代码
• js在客户端验证密码强度，兼容FireFox和IE
• JavaScript 密码强度判断代码
• js密码强度校验
• javascript 密码强度验证规则、打分、验证（给出前端代码，后端代码可根据强度规则翻译）
• JS实现的四级密码强度检测功能示例
• js实现密码强度检测【附示例】