jQuery判斷密碼強度實現思路及程式碼_javascript技巧

複製程式碼程式碼如下：

標題>


.qiang {background:url(/images/pas4.JPG) no-repeat;width:150px;height:40px;float:left;}
.zhong{background:url(/images/pas3.JPG) ) 不重複;寬度:150px;高度:40px;浮動:左;}
.ruo{背景:url(/images/pas2.JPG) 不重複;寬度:150px;高度:40px;浮動:左;}
. ruox{背景:url(/images/pas1.JPG) 無重複;寬度:150px;高度:40px;浮動:左;}
.div1css{浮動:左;寬度:200px; }
風格>

$(function () {
$('#pass').keyup(function () {
var StrongRegex = new RegExp(" ^(?=.{8,})(?=. *[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$ ", "g");
var mediaRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|( (?=.*[A-Z])(?=.* [0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
var enoughRegex = new RegExp( "(?=.{6,}).*", "g");

if (false ==oughRegex.test($( this).val())) {
$( '#div2').addClass('ruox');
//$('#passstrength').html('小於六位的時候') ; // 密碼小於六位的時候，密碼強度圖片都為灰色
}
else if (strongRegex.test($(this).val())) {
$('#div2' ).removeClass('zhong')
$( '#div2').addClass('qiang'); //$('#passstrength').html('強!'); //密碼為八位以上且字母數字特殊字元三項都包括
}
else if (mediumRegex.test($(this).val())) {
$('#div2').removeClass(' ruo');
$(' #div2').addClass('zhong');//$('#passstrength').html('中!'); //密碼為七位及以上且字母、數字、特殊字元三項包含三個，強度為中
}
else {
$('#div2').removeClass('ruox');
$('#div2' ).addClass('ruo); ');
//$('#passstrength').html('弱!'); //如果密碼為6及以下，即使字母、數字、特殊字元三項都包含，強度也是弱的
}
回傳true;
});
})
腳本>
頭>

身體>