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+JS实现仿百度搜索结果中关键字变色效果
Aug 02 Javascript
jquery datepicker参数介绍和示例
Apr 15 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
基于JQuery的购物车添加删除以及结算功能示例
Mar 08 Javascript
windows下vue-cli及webpack搭建安装环境
Apr 25 Javascript
webpack4 入门最简单的例子介绍
Sep 05 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 Javascript
利用JavaScript的Map提升性能的方法详解
Aug 14 Javascript
微信小程序wx.request的简单封装
Nov 13 Javascript
jquery实现淡入淡出轮播图效果
Dec 13 jQuery
关于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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
AM/FM收音机的安装与调试
2021/03/02 无线电
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
Javascript 类型转换方法
2010/10/24 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
Javascript执行效率全面总结
2013/11/04 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
把字符串按照特定的字母顺序进行排序的js代码
2014/01/28 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
H5实现仿flash效果的实现代码
2017/09/29 Javascript
详细分析JS函数去抖和节流
2017/12/05 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
[01:41]DOTA2超级联赛专访YYF 称一辈子难忘TI2
2013/05/28 DOTA
[44:01]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS paiN
2018/03/31 DOTA
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
浅谈Python单向链表的实现
2015/12/24 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
python图形用户接口实例详解
2019/12/16 Python
Python实现使用dir获取类的方法列表
2019/12/24 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
keras Lambda自定义层实现数据的切片方式,Lambda传参数
2020/06/11 Python
python 合并多个excel中同名的sheet
2021/01/22 Python
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上
2013/07/06 面试题
个人职业生涯规划书1500字
2013/12/31 职场文书
迎新晚会主持词
2014/03/24 职场文书
社区助残日活动总结
2014/08/29 职场文书
歌颂党的演讲稿
2014/09/10 职场文书
大学生党性分析材料
2014/12/19 职场文书
2015党建工作简报
2015/07/21 职场文书
中学生打架《检讨书》范文
2019/08/12 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书