本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器
<!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> <title>jQuery实现密码强度的智能判断特效</title> <script src="js/jquery.min.js" type="text/javascript"></script> <link href="Css/xiniu.css" rel="stylesheet" type="text/css" /> </head> <body> <form name="form1" method="post" action="register.aspx" id="form1"> <div id="pnBefore" class="t_zc_tc_a_tizhuce_a"> <div class="t_zc_tc_a_tizhuce_bg"> <div class="ywz_zhuce_bao" style="height: 580px; padding: 40px 0 0 0 !important;border-right: none !important; margin-bottom: 0px;"> <div class="t_ywz_fuzai_yi"></div> <div class="t_ywz_fuzai_yi"></div> <div class="ywz_zhucexiaobo"> <div class="ywz_zhuce_youjian"> 设置密码:</div> <div class="ywz_zhuce_xiaoxiaobao"> <div class="ywz_zhuce_kuangzi"> <input name="tbPassword" type="password" id="tbPassword" class="ywz_zhuce_kuangwenzi1" /> </div> <div class="ywz_zhuce_huixian" id='pwdLevel_1'> </div> <div class="ywz_zhuce_huixian" id='pwdLevel_2'> </div> <div class="ywz_zhuce_huixian" id='pwdLevel_3'> </div> <div class="ywz_zhuce_hongxianwenzi"> 弱</div> <div class="ywz_zhuce_hongxianwenzi"> 中</div> <div class="ywz_zhuce_hongxianwenzi"> 强</div> </div> <div class="ywz_zhuce_yongyu1"> <span id="pwd_tip" style="color: #898989"><font style="color: #F00">*</font> 6-16位,由字母(区分大小写)、数字、符号组成</span> <span id="pwd_err" style="color: #f00; display:none;">6-16位,由字母(区分大小写)、数字、符号组成</span> </div> </div> </div> </div> </div> <script type="text/javascript" src="js/pwd.js"></script> </form> </body> </html>
友情提示:垃圾评论一律封号...