管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

js在客户端验证密码强度，兼容FireFox和IE

　　

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%20%0D%0Afunction%20EvaluatePassword(word)%20%20%0D%0A%7B%20%20%0D%0A%20%20%20%20if%20(word%20%3D%3D%20%22%22)%20%20%0D%0A%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20return%200%3B%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%20%20%20%20else%20if%20(word.length%20%3C%206)%20%20%0D%0A%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20return%201%3B%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%20%20%20%20else%20%20%0D%0A%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20return%20word.match(%2F%5Ba-z%5D(%3F!%5B%5Ea-z%5D*%5Ba-z%5D)%7C%5BA-Z%5D(%3F!%5B%5EA-Z%5D*%5BA-Z%5D)%7C%5Cd(%3F!%5B%5E%5Cd%5D*%5Cd)%7C%5B%5Ea-zA-Z%5Cd%5D(%3F!%5Ba-zA-Z%5Cd%5D*%5B%5Ea-zA-Z%5Cd%5D)%2Fg).length%3B%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%7D%20%20%0D%0Avar%20test%20%3D%20new%20Array(%22%22%2C%20%22a1_%22%2C%20%22abcdef%22%2C%20%22abcde123%22%2C%20%22ads23%25%22%2C%20%22aA1B2%5E%262%22)%3B%20%20%0D%0Afor(var%20i%20in%20test)%20%20%0D%0A%7B%20%20%0D%0A%20%20%20%20document.write(test%5Bi%5D%20%2B%20%22%20%E7%9A%84%E5%AF%86%E7%A0%81%E5%BC%BA%E5%BA%A6%E4%B8%BA%22%20%2B%20EvaluatePassword(test%5Bi%5D)%20%2B%20%22%0D%0A%22)%3B%20%20%0D%0A%7D%20%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　改成这样的也行……

　　

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　google效果

　　

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3Djavascript%3E%20%20%0D%0A%0D%0A%2F%2FCharMode%E5%87%BD%E6%95%B0%20%20%0D%0A%2F%2F%E6%B5%8B%E8%AF%95%E6%9F%90%E4%B8%AA%E5%AD%97%E7%AC%A6%E6%98%AF%E5%B1%9E%E4%BA%8E%E5%93%AA%E4%B8%80%E7%B1%BB.%20%20%0D%0Afunction%20CharMode(iN)%7B%20%20%0D%0Aif%20(iN%3E%3D48%20%26%26%20iN%20%3C%3D57)%20%2F%2F%E6%95%B0%E5%AD%97%20%20%0D%0Areturn%201%3B%20%20%0D%0Aif%20(iN%3E%3D65%20%26%26%20iN%20%3C%3D90)%20%2F%2F%E5%A4%A7%E5%86%99%E5%AD%97%E6%AF%8D%20%20%0D%0Areturn%202%3B%20%20%0D%0Aif%20(iN%3E%3D97%20%26%26%20iN%20%3C%3D122)%20%2F%2F%E5%B0%8F%E5%86%99%20%20%0D%0Areturn%204%3B%20%20%0D%0Aelse%20%20%0D%0Areturn%208%3B%20%2F%2F%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%20%20%0D%0A%7D%20%20%0D%0A%0D%0A%2F%2FbitTotal%E5%87%BD%E6%95%B0%20%20%0D%0A%2F%2F%E8%AE%A1%E7%AE%97%E5%87%BA%E5%BD%93%E5%89%8D%E5%AF%86%E7%A0%81%E5%BD%93%E4%B8%AD%E4%B8%80%E5%85%B1%E6%9C%89%E5%A4%9A%E5%B0%91%E7%A7%8D%E6%A8%A1%E5%BC%8F%20%20%0D%0Afunction%20bitTotal(num)%7B%20%20%0D%0Amodes%3D0%3B%20%20%0D%0Afor%20(i%3D0%3Bi%3C4%3Bi%2B%2B)%7B%20%20%0D%0Aif%20(num%20%26%201)%20modes%2B%2B%3B%20%20%0D%0Anum%3E%3E%3E%3D1%3B%20%20%0D%0A%7D%20%20%0D%0Areturn%20modes%3B%20%20%0D%0A%7D%20%20%0D%0A%0D%0A%2F%2FcheckStrong%E5%87%BD%E6%95%B0%20%20%0D%0A%2F%2F%E8%BF%94%E5%9B%9E%E5%AF%86%E7%A0%81%E7%9A%84%E5%BC%BA%E5%BA%A6%E7%BA%A7%E5%88%AB%20%20%0D%0A%0D%0Afunction%20checkStrong(sPW)%7B%20%20%0D%0Aif%20(sPW.length%3C%3D4)%20%20%0D%0Areturn%200%3B%20%2F%2F%E5%AF%86%E7%A0%81%E5%A4%AA%E7%9F%AD%20%20%0D%0AModes%3D0%3B%20%20%0D%0Afor%20(i%3D0%3Bi%3CsPW.length%3Bi%2B%2B)%7B%20%20%0D%0A%2F%2F%E6%B5%8B%E8%AF%95%E6%AF%8F%E4%B8%80%E4%B8%AA%E5%AD%97%E7%AC%A6%E7%9A%84%E7%B1%BB%E5%88%AB%E5%B9%B6%E7%BB%9F%E8%AE%A1%E4%B8%80%E5%85%B1%E6%9C%89%E5%A4%9A%E5%B0%91%E7%A7%8D%E6%A8%A1%E5%BC%8F.%20%20%0D%0AModes%7C%3DCharMode(sPW.charCodeAt(i))%3B%20%20%0D%0A%7D%20%20%0D%0A%0D%0Areturn%20bitTotal(Modes)%3B%20%20%0D%0A%0D%0A%7D%20%20%0D%0A%0D%0A%2F%2FpwStrength%E5%87%BD%E6%95%B0%20%20%0D%0A%2F%2F%E5%BD%93%E7%94%A8%E6%88%B7%E6%94%BE%E5%BC%80%E9%94%AE%E7%9B%98%E6%88%96%E5%AF%86%E7%A0%81%E8%BE%93%E5%85%A5%E6%A1%86%E5%A4%B1%E5%8E%BB%E7%84%A6%E7%82%B9%E6%97%B6%2C%E6%A0%B9%E6%8D%AE%E4%B8%8D%E5%90%8C%E7%9A%84%E7%BA%A7%E5%88%AB%E6%98%BE%E7%A4%BA%E4%B8%8D%E5%90%8C%E7%9A%84%E9%A2%9C%E8%89%B2%20%20%0D%0A%0D%0Afunction%20pwStrength(pwd)%7B%20%20%0D%0AO_color%3D%22%23eeeeee%22%3B%20%20%0D%0AL_color%3D%22%23FF0000%22%3B%20%20%0D%0AM_color%3D%22%23FF9900%22%3B%20%20%0D%0AH_color%3D%22%2333CC00%22%3B%20%20%0D%0Aif%20(pwd%3D%3Dnull%7C%7Cpwd%3D%3D'')%7B%20%20%0D%0ALcolor%3DMcolor%3DHcolor%3DO_color%3B%20%20%0D%0A%7D%20%20%0D%0Aelse%7B%20%20%0D%0AS_level%3DcheckStrong(pwd)%3B%20%20%0D%0Aswitch(S_level)%20%7B%20%20%0D%0Acase%200%3A%20%20%0D%0ALcolor%3DMcolor%3DHcolor%3DO_color%3B%20%20%0D%0Acase%201%3A%20%20%0D%0ALcolor%3DL_color%3B%20%20%0D%0AMcolor%3DHcolor%3DO_color%3B%20%20%0D%0Abreak%3B%20%20%0D%0Acase%202%3A%20%20%0D%0ALcolor%3DMcolor%3DM_color%3B%20%20%0D%0AHcolor%3DO_color%3B%20%20%0D%0Abreak%3B%20%20%0D%0Adefault%3A%20%20%0D%0ALcolor%3DMcolor%3DHcolor%3DH_color%3B%20%20%0D%0A%7D%20%20%0D%0A%7D%20%20%0D%0A%0D%0Adocument.getElementById(%22strength_L%22).style.background%3DLcolor%3B%20%20%0D%0Adocument.getElementById(%22strength_M%22).style.background%3DMcolor%3B%20%20%0D%0Adocument.getElementById(%22strength_H%22).style.background%3DHcolor%3B%20%20%0D%0Areturn%3B%20%20%0D%0A%7D%20%20%0D%0A%0D%0A%3C%2Fscript%3E">

<form name=form1 action="" >  
输入密码:<input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>

密码强度:  
<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'>  
<tr align="center" bgcolor="#eeeeee">

<td width="33%" id="strength_L">弱</td>

<td width="33%" id="strength_M">中</td>

<td width="33%" id="strength_H">强</td>  
</tr>  
</table>  
</form>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程