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 YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 Javascript
ajax上传时参数提交不更新等相关问题
Dec 11 Javascript
JS获取后台Cookies值的小例子
Mar 04 Javascript
js单词形式的运算符
May 06 Javascript
单元选择合并变色示例代码
May 26 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
js确认框confirm()用法实例详解
Jan 07 Javascript
深入理解JavaScript中的浮点数
May 18 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
垃圾回收器的相关知识点总结
May 13 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
微信小程序间使用navigator跳转传值问题实例分析
Mar 27 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
星际争霸中的热键
2020/03/04 星际争霸
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
php mongodb操作类 带几个简单的例子
2016/08/25 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
2012/10/12 Javascript
轻松创建nodejs服务器(8):非阻塞是如何实现的
2014/12/18 NodeJs
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
javascript常用的设计模式
2017/02/09 Javascript
BootStrap Datepicker 插件修改为默认中文的实现方法
2017/02/10 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
JavaScript 闭包的使用场景
2020/09/17 Javascript
python将一组数分成每3个一组的实例
2018/11/14 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
html5利用canvas绘画二级树形结构图的示例
2017/09/27 HTML / CSS
几道数据库的面试题或笔试题
2014/05/31 面试题
应届生人事助理求职信
2013/11/09 职场文书
音乐学个人的自荐书范文
2013/11/26 职场文书
升职自荐书范文
2013/11/28 职场文书
小学生期末自我鉴定
2014/01/19 职场文书
百日安全活动总结
2014/05/04 职场文书
教师师德表现自我评价
2015/03/05 职场文书
观后感格式
2015/06/19 职场文书
通过Python把学姐照片做成拼图游戏
2022/02/15 Python