首页>>表单>>实时判断密码强度(2013-12-19)

实时判断密码强度

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

实时判断密码强度
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

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