密碼強度顯示和中文強弱顯示
複製代碼代碼如下：
<！ doctype html公共” - // W3C // DTD HTML 4.01 Transitional // en>
<html>
<頭>
<base href =“ <％= basepath％>”>
<title>我的JSP'a.jsp'啟動頁</title>
<meta http-equiv =“ pragma” content =“ no-cache”>
<meta http-equiv =“ cache-control” content =“ no-cache”>
<meta http-equiv =“ expires” content =“ 0”>
<meta http-equiv =“關鍵字” content =“ keyword1，keyword2，keyword3”>
<meta http-equiv =“描述” content =“這是我的頁面”>
<style type =“ text/css”>
* {margin：0px; padding：0px;}
。
。
.status-bar跨度{背景色：＃42bf26;高度：5px; display：inline-block;}
</style>
</head>
<身體>
<input type =“密碼” id =“ pwd1” style =“ float：left; sumgin-top：5px;” onKeyup =“ checkpassword（）;”/>
<div ID =“ p_passwordstatus”
style =“ display：none; width：300px;”>
<span>密碼強度：</span>
<span style =“ text-indent：0px;”>
<span style =“ line-height：5px;”> </span>
</span>
<span> </span>
</div>
</body>
</html>
<script type =“ text/javascript” src =“ jquery-1.7.2.2.min.js”> </script>
<腳本類型=“ text/javascript”>
函數checkpassword（）{
var pwd = $（“＃pwd1”）。 val（）;
gpasswdstatus（pwd，'p_passwordstatus'）;
}
函數gpasswdstatus（value，id）{
var status = $（“＃”+id）;
變量結果= $（“＃”+id）.find（“。status-result”）[0];
var bar = $（“＃”+id）.find（“。status-bar span”）;
if（value ===“”）{
status.css（“顯示”，“無”）;
} 別的 {
var分數= gcheckpassword（value）;
bar.css（“寬度”，得分 +“％”）;
var resultdesp = ggetResultDesp（score）;
result.innerhtml = resultdesp;
status.css（“顯示”，“ block”）;
}
}
/**
*檢驗密碼強度並返回得分
*
* @param {}
* 密碼
* @return {number}
*/
函數gcheckpassword（密碼）{
var _score = 0;
如果（！密碼）{
返回0
}
如果（password.length <= 4）{
_Score += 5
} 別的 {
if（password.length> = 5 && password.length <= 7）{
_Score += 10
} 別的 {
如果（password.length> = 8）{
_Score += 25
}
}
}
var _uppercount =（password.match（/[az]/g）|| []）。長度;
var _lowerCount =（password.match（/[az]/g）|| []）。長度;
var _loweruppercount = _uppercount + _lowerCount;
if（_uppercount && _lowerCount）{
_score += 20
} 別的 {
如果（_uppercount || _lowerCount）{
_Score += 10
}
}
var _numberCount =（password.match（/[/d]/g，“”）|| []）。長度;
if（_numberCount> 0 && _numbercount <= 2）{
_Score += 10
} 別的 {
如果（_numberCount> = 3）{
_score += 20
}
}
var _CharacterCount =（password.match（/[！@#j #jumpimund； _/./--〜]/g）/g）|| []）。
if（_CharacterCount == 1）{
_Score += 10
} 別的 {
如果（_CharacterCount> 1）{
_Score += 25
}
}
if（_numberCount &&（_uppercount && _lowerCount）
&& _CharacterCount）{
_Score += 5
} 別的 {
if（_numberCount && _loweruppercount && _ CharacterCount）{
_Score += 3
} 別的 {
if（_numberCount && _loweruppercount）{
_Score += 2
}
}
}
返回_Score
}
/**
*根據密碼強度得分返回密碼強弱度中文提示
*
* @param {}
* 分數
* @return {string}
*/
函數ggetResultdesp（score）{
如果（得分<= 5）{
返回“/u592a/u77ed”
} 別的 {
如果（得分> 5 &&分數<20）{
返回“/u5f31”
} 別的 {
如果（得分> = 20 &&分數<60）{
返回“/u4e2d”
} 別的 {
如果（得分> = 60）{
返回“/u5f3a”
} 別的 {
返回 ””
}
}
}
}
}
</script>
以上所述就是本文給大家分享的全部內容了，希望對大家熟練掌握javascript能夠有所幫助。