`
weishang_java
  • 浏览: 48819 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

检验密码强度

阅读更多
XML/HTML代码
<script src="/js/jquery.js" type="text/javascript"></script>      
<script type="text/javascript" src="/js/jquery.pstrength.js"></script>   
然后使用以下函数

JavaScript代码
jQuery(document).ready(function(){       
      jQuery('#password1').pstrength();     
});    
#password是你的密码框ID

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


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







2.


jQuery密码强度检验插件


一款不错的密码强度插件!

1 jquery.pstrength插件和jquery文件

2 载入jquery文件和jquery.pstrength文件

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.pstrength-min.1.2.js">
</script>
<script type="text/javascript">
$(function() {
$('#user_password').pstrength();
});
</script>
3 HTML加入密码输入框,id=”user_password”:

密码:<input type="password" id="user_password" name="user_password" />
4 css:

.pstrength-minchar {
font-size : 10px;
}
input {
width:180px;
height:12px;
line-height:12px;
padding:4px 0px;
border: #cfcfcf 1px solid;
color: #585858;
}
演示地址
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics