Js密码强度实时验证代码_表单特效

效果图:

演示代码:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>密码强度测试</title> <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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]