jQuery实现密码强度的智能判断特效

本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>

 
 标签 JQ   HTML表单  
相关评论(0)
您是不是忘了说点什么?

友情提示:垃圾评论一律封号...

还没有评论,快来抢沙发吧!