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 相关文章推荐
Javascript中的window.event.keyCode使用介绍
Apr 26 Javascript
Backbone.js中的集合详解
Jan 14 Javascript
jQuery Validation Plugin验证插件手动验证
Jan 26 Javascript
javascript中的3种继承实现方法
Jan 27 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
Aug 26 Javascript
vue.js图片转Base64上传图片并预览的实现方法
Aug 02 Javascript
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
详解wepy开发小程序踩过的坑(小结)
May 22 Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
图解JS原型和原型链实现原理
Sep 15 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
Nov 16 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
php获取地址栏信息的代码
2008/10/08 PHP
php使用QueryList轻松采集js动态渲染页面方法
2018/09/11 PHP
juqery 学习之四 筛选查找
2010/11/30 Javascript
用JS判断IE版本的代码 超管用!
2011/08/09 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
Jquery实现仿腾讯微博发表广播
2014/11/17 Javascript
Bootstrap3 datetimepicker控件使用实例
2016/12/13 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
js a标签点击事件
2017/03/30 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
javascript实现点亮灯泡特效示例
2019/10/15 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
vue+iview分页组件的封装
2020/11/17 Vue.js
js+html+css实现手动轮播和自动轮播
2020/12/30 Javascript
[00:37]DOTA2上海特级锦标赛 Secert 战队宣传片
2016/03/03 DOTA
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
python win32 简单操作方法
2017/05/25 Python
Python中关于Sequence切片的下标问题详解
2017/06/15 Python
Django实现组合搜索的方法示例
2018/01/23 Python
PyQt5打开文件对话框QFileDialog实例代码
2018/02/07 Python
python matplotlib 在指定的两个点之间连线方法
2018/05/25 Python
详解Python3的TFTP文件传输
2018/06/26 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
Ubuntu 20.04安装Pycharm2020.2及锁定到任务栏的问题(小白级操作)
2020/10/29 Python
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
介绍下Java的输入输出流
2014/01/22 面试题
保护水资源的标语
2014/06/17 职场文书
借名购房协议书范本
2014/10/06 职场文书
法律服务所工作总结
2015/08/10 职场文书
消防安全主题班会
2015/08/12 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
python-for x in range的用法(注意要点、细节)
2021/05/10 Python
教你用python实现12306余票查询
2021/06/30 Python