资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
Js密码强度实时验证代码
效果图:
演示代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>密码强度测试</title> </head> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%2F%2FCharMode%E5%87%BD%E6%95%B0%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%0D%0Afunction%20CharMode(iN)%7B%20%0D%0Aif%20(iN%3E%3D48%20%26%26%20iN%20%3C%3D57)%20%2F%2F%E6%95%B0%E5%AD%97%20%0D%0Areturn%201%3B%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%0D%0Areturn%202%3B%20%0D%0Aif%20(iN%3E%3D97%20%26%26%20iN%20%3C%3D122)%20%2F%2F%E5%B0%8F%E5%86%99%20%0D%0Areturn%204%3B%20%0D%0Aelse%20%0D%0Areturn%208%3B%20%2F%2F%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%20%0D%0A%7D%20%0D%0A%2F%2FbitTotal%E5%87%BD%E6%95%B0%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%0D%0Afunction%20bitTotal(num)%7B%20%0D%0Amodes%3D0%3B%20%0D%0Afor%20(i%3D0%3Bi%3C4%3Bi%2B%2B)%7B%20%0D%0Aif%20(num%20%26%201)%20modes%2B%2B%3B%20%0D%0Anum%3E%3E%3E%3D1%3B%20%0D%0A%7D%20%0D%0Areturn%20modes%3B%20%0D%0A%7D%20%0D%0A%2F%2FcheckStrong%E5%87%BD%E6%95%B0%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%0D%0Afunction%20checkStrong(sPW)%7B%20%0D%0Aif%20(sPW.length%3C%3D4)%20%0D%0Areturn%200%3B%20%2F%2F%E5%AF%86%E7%A0%81%E5%A4%AA%E7%9F%AD%20%0D%0AModes%3D0%3B%20%0D%0Afor%20(i%3D0%3Bi%3CsPW.length%3Bi%2B%2B)%7B%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%0D%0AModes%7C%3DCharMode(sPW.charCodeAt(i))%3B%20%0D%0A%7D%20%0D%0Areturn%20bitTotal(Modes)%3B%20%0D%0A%7D%20%0D%0A%2F%2FpwStrength%E5%87%BD%E6%95%B0%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%0D%0Afunction%20pwStrength(pwd)%7B%20%0D%0AO_color%3D%22%23e0f0ff%22%3B%20%0D%0AL_color%3D%22%23FF0000%22%3B%20%0D%0AM_color%3D%22%23FF9900%22%3B%20%0D%0AH_color%3D%22%2333CC00%22%3B%20%0D%0Aif%20(pwd%3D%3Dnull%7C%7Cpwd%3D%3D'')%7B%20%0D%0ALcolor%3DMcolor%3DHcolor%3DO_color%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0AS_level%3DcheckStrong(pwd)%3B%20%0D%0A%2F%2Falert(S_level)%3B%20%0D%0Aswitch(S_level)%20%0D%0A%7B%20%0D%0Acase%200%3A%20%0D%0ALcolor%3DMcolor%3DHcolor%3DO_color%3B%20%0D%0Acase%201%3A%20%0D%0ALcolor%3DL_color%3B%20%0D%0AMcolor%3DHcolor%3DO_color%3B%20%0D%0Abreak%3B%20%0D%0Acase%202%3A%20%0D%0ALcolor%3DMcolor%3DM_color%3B%20%0D%0AHcolor%3DO_color%3B%20%0D%0Abreak%3B%20%0D%0Adefault%3A%20%0D%0ALcolor%3DMcolor%3DHcolor%3DH_color%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Adocument.getElementById(%22strength_L%22).style.background%3DLcolor%3B%20%0D%0Adocument.getElementById(%22strength_M%22).style.background%3DMcolor%3B%20%0D%0Adocument.getElementById(%22strength_H%22).style.background%3DHcolor%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <body> <form id="form1"> <div> 输入密码:<input type="text" id="TextBox1" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)"><br> 密码强度: <table border="1" cellpadding="1" bordercolordark="#fdfeff" bordercolorlight="#99ccff" cellspacing="1" style="width: 200px; display: inline; background-color: #e0f0ff"> <tr> <td id="strength_L" style="width: 100px; height: 19px;" align="center"> 弱 </td> <td id="strength_M" style="width: 100px; height: 19px;" align="center"> 中 </td> <td id="strength_H" style="width: 100px; height: 19px;" align="center"> 强 </td> </tr> </table> </div> </form> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程
