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

本文实例讲述了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.jb51.net/code/HtmlJsRun测试上述代码运行效果。

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

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

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

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

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

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

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

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