实时判断密码强度

实时判断密码强度

 之前发布过《判断密码强度》这个类似的功能，不过功能多了一个帮你设置一个高强度的密码

演示

 

 

XML/HTML Code

1. <div id="form">  
2. <input type="text" id="input" placeholder="Type your password" />  
3. <a href="javascript:void(0);" id="generate">generate</a> <span id="output">...</span> </div>  

 

JavaScript Code

1. <script type="text/javascript">  
2.     var $input = $('#input');  
3.     var $output = $('#output');  
4.   
5.     $.passy.requirements.length.min = 4;  
6.   
7.     var feedback = [  
8.         { color: '#c00', text: 'poor' },  
9.         { color: '#c80', text: 'okay' },  
10.         { color: '#0c0', text: 'good' },  
11.         { color: '#0c0', text: 'fabulous!' }  
12.    ];  
13.   
14.     $input.passy(function(strength, valid) {  
15.         $output.text(feedback[strength].text);  
16.         $output.css('background-color', feedback[strength].color);  
17.   
18.         if(valid) $input.css('border-color', 'green');  
19.         else $input.css('border-color', 'red');  
20.     });  
21.   
22.     $('#generate').click(function() {  
23.         $input.passy('generate', 8);  
24.     });  
25. </script>  

 

原文地址:http://www.freejs.net/article_biaodan_180.html