检验密码强度

weishang_java

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;
}
演示地址