JS检查password强度

来源：互联网发布：node parseint 编辑：程序博客网时间：2024/05/02 04:55

代码均通过测试，效果图如下，如遇乱码将utf-8改为gb2312即可。

<!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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body {font-size:12px} .pwd-strength-box, .pwd-strength-box-low, .pwd-strength-box-med, .pwd-strength-box-hi { color: #464646; text-align: center; width: 40px; } .pwd-strength-box-low { color: #CCCCCC; background-color: #E0FFA2; width: 40px; } .pwd-strength-box-med { color: #666666; background-color: #D1FF46; width: 40px; } .pwd-strength-box-hi { color: #000000; background-color: #C0F000; width: 40px; } </style> <mce:script type="text/javascript"></mce:script> </head> <body> <table width="100%" border="0" cellspacing="0"> <tr> <td height="32" align="right" style="width: 83px"> 密码：</td> <td align="left"> <input id="password" type="password" size="18" name="userpwd" runat="server" onkeyup="javascript:checkpwdlevel(this.value);" class="register_input" /></td> </tr> <tr> <td height="32" align="right" style="width: 83px"> 安全性等级：</td> <td align="left"> <table style="border-left: 1px solid #7CA001; border-top: 1px solid #7CA001; border-right: 1px solid #7CA001; border-bottom: 1px solid #7CA001;" mce_style="border-left: 1px solid #7CA001; border-top: 1px solid #7CA001; border-right: 1px solid #7CA001; border-bottom: 1px solid #7CA001;" cellspacing="0" cellpadding="0" width="120px"> <tbody> <tr> <td class="pwd-strength-box" id="pwdLow" style="width: 40px; height: 16px" align="center" valign="bottom"> 弱</td> <td class="pwd-strength-box" id="pwdMed" style="width: 40px; height: 16px" align="center" valign="bottom"> 中</td> <td class="pwd-strength-box" id="pwdHi" style="width: 40px; height: 16px" align="center" valign="bottom"> 强</td> </tr> </tbody> </table> </td> </tr> </table> </body> </html>