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 相关文章推荐
jquery插件 autoComboBox 下拉框
Dec 22 Javascript
js获得页面的高度和宽度的方法
Feb 23 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
May 08 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
JS实现为表格动态添加标题的方法
Mar 31 Javascript
js实现温度计时间样式代码分享
Aug 21 Javascript
jquery密码强度校验
Dec 02 Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 Javascript
jQuery实现弹幕效果
Feb 17 Javascript
jquery PrintArea 实现票据的套打功能(代码)
Mar 17 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
Mar 19 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 Javascript
关于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
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
PHP连接access数据库
2015/03/27 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
jQuery实现dialog设置focus焦点的方法
2015/06/10 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
jquery ztree实现右键收藏功能
2017/11/20 jQuery
JS实现的集合去重,交集,并集,差集功能示例
2018/03/13 Javascript
Vue中computed、methods与watch的区别总结
2019/04/10 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
2020/10/30 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
Python3爬虫中关于中文分词的详解
2020/07/29 Python
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
HSRP的含义以及如何工作
2014/09/10 面试题
基层党员公开承诺书
2014/05/29 职场文书
十周年庆典策划方案
2014/06/03 职场文书
常务副总经理任命书
2014/06/05 职场文书
小学生常见病防治方案
2014/06/06 职场文书
五四青年节的活动方案
2014/08/20 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
2015年中秋节活动总结
2015/03/23 职场文书
单位推荐信范文
2015/03/27 职场文书
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
一条 SQL 语句执行过程
2022/03/17 MySQL
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL
如何在Python中妥善使用进度条详解
2022/04/05 Python
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript