这篇文章我们来说一个验证密码强度的例子，大家在进入一个网站的时候，往往都会先注册一个账号，然后输入密码，在输密码的时候，系统会根据我们输入的密码组成的复杂程度来给你的密码显示一个密码强度，一般就是强中弱三种，我们先来说一下密码验证的原理，原理明白了，js代码就好写了，今天的代码会用到正则表达式。

创新互联公司网站建设服务商，为中小企业提供网站设计制作、成都网站建设服务，网站设计，网站运营等一站式综合服务型公司，专业打造企业形象网站，让您在众多竞争对手中脱颖而出创新互联公司。

首先说一下密码强度的三种等级是如何划分的？

弱：一般就是纯数字或纯小写字母或者纯大写字母组成的，这种密码较简单，所以安全等级为弱。
中：由上述情况中的任意两种组成的密码强度为中。
强：上述三种情况都有。

再来说一下表示强中弱的三个div随着密码的输入来显示对应的强度，首先我们先写一个class名为active的样式，颜色随便写一下，然后判断完输入的密码强度等级之后，把对应的强度的div的class名改为active就可以了。

写代码吧：

html：

 
 

 
弱
 
中
 
强
 

网站名称：js验证密码强度解析-创新互联
网页链接：http://cdweb.net/article/iscjc.html