这篇文章主要为大家详细介绍了jQuery插件passwordStrength密码强度指标实现代码，感兴趣的小伙伴们可以参考一下
passwordStrength插件能够根据用户输入的密码,以图形化方式显示密码的强度。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>passwordStrength</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="passwordStrength.js"></script>
<script type="text/javascript">
$(function(){
$('input[name="password"]').passwordStrength();
})
</script>
<style type="text/css">
.is0{background:url(images/progressImg1.png) no-repeat 0 0;width:138px;height:7px;margin:10px 0 0 104px;}
.is10{background-position:0 -7px;}
.is20{background-position:0 -14px;}
.is30{background-position:0 -21px;}
.is40{background-position:0 -28px;}
.is50{background-position:0 -35px;}
.is60{background-position:0 -42px;}
.is70{background-position:0 -49px;}
.is80{background-position:0 -56px;}
.is90{background-position:0 -63px;}
.is100{background-position:0 -70px;}
#autotab input { width:138px; }
</style>
</head>
<body>
<hr />
<h3>passwordStrength密码强度指标</h3>
<form action="" method="post" id="autotab">
<label>请输入密码：
<input type="password" name="password" />
<div id="passwordStrengthDiv"></div>
</label>
</form>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助
- 那一抹微笑令人难忘作文600字
- 多一点微笑作文600字
- 充满魔力的微笑作文600字
- 微笑的魔力作文600字
- 触动心灵的微笑作文600字
- 微笑的话题作文600字精选
- 我们美好的微笑作文600字
- 难忘那个微笑作文600字
- 600字作文我的微笑
- 你微笑的样子真美丽作文600字
- 微笑面对我们的人生作文600字
- 温暖的微笑作文600字
- 微笑面对生活作文600字
- 生活中的微笑作文600字
- 美好的微笑作文600字
- 关于微笑的力量作文600字
- 以微笑为话题作文600字
- 记忆里的微笑作文600字
- 小学英语日记大全
- 关于童年的回忆作文600字
- 我的美好童年作文600字
- 怀念我的童年作文
- 以成长为话题的作文600字五篇
- 以成长为话题的优秀作文600字总结
- 小学生关于成长的作文600字汇总
- no-platform
- no-platform
- no-platforming
- no-platforming
- no-prizes-for-guessing
- no prizes for guessing something
- no prizes for guessing sth
- no-prizes-for-guessing-sth
- no problem
- no-problem
- 窀
- 窀夕
- 窀穸
- 突
- 突兀
- 突出
- 突击
- 突击队
- 突厥
- 突发
- 2015年硕士生现场确认点(华南理工大学五山校区海丽文体活动中心)
- 哈爾濱工業大學2015年面向港澳臺研究生招生參考書目(电信学院)
- 中国民航飞行学院2015年山西省招收飞行技术专业学生自荐标准
- 哈爾濱工業大學2015年面向港澳臺研究生招生參考書目(体育部)
- 哈爾濱工業大學2015年面向港澳臺研究生招生參考書目(马克思主义学院)
- 哈爾濱工業大學2015年面向港澳臺研究生招生參考書目(食品学院)
- 哈爾濱工業大學2015年面向港澳臺研究生招生參考書目(法学院)
- 哈爾濱工業大學2015年面向港澳臺研究生招生參考書目(化工学院)
- 中山大学报名点2015年全国硕士研究生现场确认信息程序
- 哈爾濱工業大學2015年面向港澳臺研究生招生參考書目(交通学院)