请看实际demo：http://www.36ria.com/demo/password_strength/
点此下载原英文网站不提供示例包下载，我对插件进行了一些改写，加入了更为美观的样式，制作了这个中文示例包，有兴趣的朋友可以下载下来瞧瞧。
原理说明：
其实原理非常的简单，这里赋予密码强度10个等级，请看progressImg1.png，是一张包含十个状态的图片。给密码框绑定keyup事件，获取密码值，然后使用正则进行判断等级（难点在这里），然后切换进度条的样式。
使用教程：
创建如下html：
- <div class="form_item clearfix">
- <label>密 码：</label>
- <div class="l">
- <div><input type="password" name="password" class="text"/><a href="" class="Generate_password">产生随机密码</a><a href="" class="get_password">获取密码值</a></div>
- <div id="passwordStrengthDiv" class="is0"></div>
- </div>
- </div>
初始化插件：
- $(document).ready(function(){
- var $pwd = $('input[name="password"]');
- $pwd.passwordStrength();
- });
产生随机密码，同时触发验证：
- $(".Generate_password").click(function(){
- //产生随机八位密码
- var pwd = $.passwordStrength.getRandomPassword(8);
- //将随机密码写入密码框，并触发验证
- $pwd.val(pwd).trigger("keyup");
- return false;
- })
getRandomPassword方法会产生随机密码，接受一个参数，密码位数。
