passwordStrength 基于jquery的密码强度检测代码使用介绍


Posted in Javascript onOctober 08, 2011

查看示例:DEMO  打包下载
passwordStrength 基于jquery的密码强度检测代码使用介绍

使用很简单。

$('#pass').passwordStrength();

XHTML
<p><label>请输入密码:</label> 
<input type="password" id="pass" class="input" /></p> 
<div id="passwordStrengthDiv" class="is0"></div> 
<p><label>确认密码:</label> 
<input type="password" id="repass" class="input" /></p>

注意:id#passwordStrengthDiv的DIV是用来加载强度图片的,你也可以自定义ID,但调用时就要给参数赋值:
targetDiv : '#ID' //自定义加载图片的ID

载入JS和CSS:
<link rel="stylesheet" type="text/css" href="style/main.css" /> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.passwordStrength.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$('#pass').passwordStrength(); 
}); 
</script>
Javascript 相关文章推荐
extjs 学习笔记 四 带分页的grid
Oct 20 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
js中hash和ico的关联分析
Feb 05 Javascript
原生js实现轮播图
Feb 27 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
Apr 10 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
详解Node.js中的Async和Await函数
Feb 22 Javascript
vue 2.x 中axios 封装的get 和post方法
Feb 28 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
Oct 10 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
Feb 10 Javascript
Vue3 Composition API的使用简介
Mar 29 Vue.js
关于jQuery的inArray 方法介绍
Oct 08 #Javascript
imgAreaSelect 中文文档帮助说明
Oct 08 #Javascript
JavaScript判断一个URL链接是否有效的实现方法
Oct 08 #Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
Oct 07 #Javascript
JS 如果改变span标签的是否隐藏属性
Oct 06 #Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 #Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
Oct 06 #Javascript
You might like
PHP制作百度词典查词采集器
2015/01/29 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
PHP容器类的两种实现方式示例
2019/07/24 PHP
php实现的支付宝网页支付功能示例【基于TP5框架】
2019/09/16 PHP
一个基于jQuery的树型插件(OrangeTree)使用介绍
2012/05/03 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
2012/09/02 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
js左右弹性滚动对联广告代码分享
2014/02/19 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
jQuery实现文本展开收缩特效
2015/06/03 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
javascript实现非常简单的小数取整功能示例
2017/06/13 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
如何在vue中使用kindeditor富文本编辑器
2020/12/19 Vue.js
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
[56:18]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
python中while循环语句用法简单实例
2015/05/07 Python
python选择排序算法实例总结
2015/07/01 Python
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
python RSA加密的示例
2020/12/09 Python
如何用Django处理gzip数据流
2021/01/29 Python
C#中类(class)与结构(struct)的异同
2013/11/03 面试题
前台文员岗位职责
2013/12/28 职场文书
优秀毕业生自我鉴定
2014/01/19 职场文书
狼和鹿教学反思
2014/02/05 职场文书
大班幼儿评语大全
2014/04/30 职场文书
民间借贷借条范本
2015/05/25 职场文书
检讨书之工作不认真
2019/08/14 职场文书
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL