本文实例讲述了JS实现的四级密码强度检测功能。分享给大家供大家参考，具体如下：
密码强度检测 input{float: left; font-size: 14px; width: 250px; height: 25px; border: 1px solid #ccc; padding-left: 10px;} #tips{float: left; font-size: 12px; width: 400px; height: 25px; margin: 4px 0 0 20px;} #tips span{float: left; width: 40px; height: 20px; color: #fff; overflow:hidden; margin-right: 10px; background: #D7D9DD; line-height:20px; text-align: center; } #tips .s1{background: #F45A68;} #tips .s2{background: #fc0;} #tips .s3{background: #cc0;} #tips .s4{background: #14B12F;} 弱 中 强 很强
说明： 这里实现的功能主要是，输入密码的时候，一边输一边检测，有四个安全级别，当输入的密码符合某个级别的规则时，该级别的标志条就会高亮变色。
下面是测试的情况，（这里为了能看到效果，所以把type=“password”故意改成type=“text”），至于检测中级别的规则，读者可以自己根据需要自行修改，主要是js正则表达式的修改。另外，当把最后一个图片的输入内容，逐步地删除，直到只剩第一个图片的输入内容，这一过程中，效果就是下面的 从下到上变化了
PS：这里再为大家提供几款相关在线工具供大家参考使用：
密码安全性在线检测：
http://tools.jb51.net/password/my_password_safe
在线随机数字/字符串生成工具：
http://tools.jb51.net/aideddesign/suijishu
高强度密码生成器：
http://tools.jb51.net/password/CreateStrongPassword
更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript数学运算用法总结》、《Javascript数据结构与算法技巧总结》、《Javascript数组操作技巧总结》、《Javascript排序算法总结》、《Javascript遍历算法与技巧总结》、《Javascript查找算法技巧总结》及《Javascript错误与调试技巧总结》
希望本文所述对大家Javascript程序设计有所帮助。
