本文給大家分享一段簡(jiǎn)單的代碼，實(shí)現(xiàn)根據(jù)密碼長(zhǎng)度顯示安全條功能，代碼如下所示：
//根據(jù)密碼長(zhǎng)度顯示安全條
<ul class="clear">
<li>密 碼：</li>
<li> <input type="password" id="pwd" name="pwd" class="in" onKeyUp=pwStrength(this.value) onBlur=pw_y("pwd","pwd1")></li>
<li><em class="red">*</em></li>
<li class="i2 grey"><table border="0" bordercolor="#cccccc" style='display:marker'>
<tr align="center">
<td id="strength_L" bgcolor="#eeeeee">弱</td>
<td id="strength_M" bgcolor="#eeeeee">中</td>
<td id="strength_H" bgcolor="#eeeeee">強(qiáng)</td>
<td align="left" >
<label id="pwd1">使用數(shù)字，字母，下劃線，長(zhǎng)度在 6 - 20 個(gè)字符之間</label></td>
</tr>
</table>
</li>
</ul>
function pwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
if (pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=O_color;
}else{
S_level=checkStrong(pwd);
switch(S_level) {
case 0:
Lcolor=Mcolor=Hcolor=O_color;
case 1:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
break;
case 2:
Lcolor=Mcolor=M_color;
Hcolor=O_color;
break;
default:
Lcolor=Mcolor=Hcolor=H_color;
}
}
document.getElementById("strength_L").style.background=Lcolor;
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
return;
}
以上所述是小編給大家介紹的PHP實(shí)現(xiàn)根據(jù)密碼長(zhǎng)度顯示安全條，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)網(wǎng)站的支持！
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。