`
deepsea131
  • 浏览: 27637 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

jQuery密码强度验证

阅读更多

本来是英文版的,我改了一点,提示什么的都是中文的了,

从这里下载 http://www.51jquery.com/js/jquery.pstrength.js 强度验证插件!然后在网页中引用jquery文件和这个插件

XML/HTML代码
  1. <script src="/js/jquery.js" type="text/javascript"></script>      
  2. <script type="text/javascript" src="/js/jquery.pstrength.js"></script>   

然后使用以下函数

JavaScript代码
  1. jQuery(document).ready(function(){       
  2.       jQuery('#password1').pstrength();     
  3. });    

#password是你的密码框ID

根据你的情况不同,你可以自定义你的密码强度,我定义的是这样的
 

JavaScript代码
  1. $.extend($.fn, {   
  2.         pstrength: function(options) {   
  3.             var options = $.extend({   
  4.                 verdects: ["很不安全""不安全""一般""安全的""非常安全"],   
  5.                 colors: ["#f00""#c06""#f60""#3c0""#3f0"],   
  6.                 scores: [10, 15, 30, 40],   
  7.                 common: ["password""sex""god""123456""123""liverpool""letmein""qwerty""monkey"],   
  8.                 minchar: 6   
  9.             }, options);  

 效果如下:

  • 大小: 16 KB
分享到:
评论
2 楼 suiye007 2010-03-09  
我需要的是你的样式啊。。。
1 楼 loocao 2009-05-15  
链接打不开了啊?

相关推荐

Global site tag (gtag.js) - Google Analytics