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编写的第一人称射击游戏
Feb 25 Javascript
权威JavaScript 中的内存泄露模式
Aug 13 Javascript
js 事件小结 表格区别
Aug 13 Javascript
javascript 学习之旅 (2)
Feb 05 Javascript
Javascript动态绑定事件的简单实现代码
Dec 25 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
jquery选择器之内容过滤选择器详解
Jan 27 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 jQuery
layui添加动态菜单与选项卡
Jul 26 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
Jul 30 Javascript
前端开发基础javaScript的六大作用
Aug 06 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
phpMyadmin 用户权限中英对照
2010/04/02 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
PHP调用C#开发的dll类库方法
2014/07/28 PHP
常见php数据文件缓存类汇总
2014/12/05 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
超级有用的13个基于jQuery的内容滚动插件和教程
2011/07/31 Javascript
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
jquery prop的使用介绍及与attr的区别
2013/12/19 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
vue快捷键与基础指令详解
2017/06/01 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
vue slot与传参实例代码讲解
2019/04/28 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
JS实现随机点名器
2020/04/12 Javascript
vuex存取值和映射函数使用说明
2020/07/24 Javascript
[01:34]完美“圣”典宣传片震撼发布,12.17与你不见不散
2016/12/16 DOTA
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
实例详解Matlab 与 Python 的区别
2019/04/26 Python
ansible动态Inventory主机清单配置遇到的坑
2020/01/19 Python
Python之关于类变量的两种赋值区别详解
2020/03/12 Python
python实现批量转换图片为黑白
2020/06/16 Python
电脑饰品店的创业计划书
2014/01/21 职场文书
公司担保书格式范文
2014/05/12 职场文书
学生安全承诺书
2014/05/22 职场文书
2014年小学图书室工作总结
2014/12/09 职场文书
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python
pandas求平均数和中位数的方法实例
2021/08/04 Python
Vue如何清空对象
2022/03/03 Vue.js
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers