jQuery Password Validation密码验证


Posted in Javascript onDecember 30, 2016

jQuery Password Validation(密码验证)插件扩展了 jQuery Validate 插件,提供了两种组件:
一种评价密码的相关因素的功能:比如大小写字母的混合情况、字符(数字、特殊字符)的混合情况、长度、与用户名的相似度(可选的)。
一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本可以被本地化。
您可以简单地自定义强度显示的外观、本地化消息显示,并集成到已有的表单中。
该插件目前版本是 1.0.0。

使用方式
如需使用 Password Validation(密码验证)插件,请添加一个 class "password" 到 input,同时添加显示强度的基本标记在表单的需要显示的地方:

<form id="register">
 <label for="password">Password:</label>
 <input class="password" name="password" id="password" />
 <div class="password-meter">
 <div class="password-meter-message"> </div>
 <div class="password-meter-bg">
  <div class="password-meter-bar"></div>
 </div>
 </div>
</form>

对表单应用 Validate 插件:

$(document).ready(function() {
 $("#register").validate();
});

您可以重载 $.validator.passwordRating 实现不同的评价方法。或者重载 $.validator.passwordRating.messages 来提供其他消息,比如本地化。

实例演示

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Makes "field" required to be the same as #other</title>
<link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css">
 
</head>
<body>
<form id="myform">
<label for="password">Password</label>
<input id="password" name="password" />
<br/>
<label for="password_again">Again</label>
<input class="left" id="password_again" name="password_again" />
<br>
<input type="submit" value="Validate!">
</form>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
 debug: true,
 success: "valid"
});
$( "#myform" ).validate({
 rules: {
  password: "required",
  password_again: {
   equalTo: "#password"
  }
 }
});
</script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在JavaScript中监听IME键盘输入事件
May 29 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
javascript控制swfObject应用介绍
Nov 29 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
Node.js的Koa框架上手及MySQL操作指南
Jun 13 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
js实现左右两侧浮动广告
Jul 09 Javascript
JavaScript函数定义方法实例详解
Mar 05 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
Dec 29 #Javascript
EasyUI学习之Combobox下拉列表(1)
Dec 29 #Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
Dec 29 #Javascript
jQuery+HTML5实现弹出创意搜索框层
Dec 29 #Javascript
Bootstrap3 内联单选和多选框
Dec 29 #Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 #Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 #Javascript
You might like
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
php获取URL中带#号等特殊符号参数的解决方法
2014/09/02 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
动态载入/删除/更新外部 JavaScript/Css 文件的代码
2010/07/03 Javascript
理解Javascript_03_javascript全局观
2010/10/11 Javascript
解析jQuery与其它js(Prototype)库兼容共存
2013/07/04 Javascript
利用cookie记住背景颜色示例代码
2013/11/04 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
详解element上传组件before-remove钩子问题解决
2020/04/08 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
Python提取网页中超链接的方法
2016/09/18 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
Python 实现PS滤镜的旋涡特效
2020/12/03 Python
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
医生实习工作总结的自我评价
2013/09/27 职场文书
领导干部培训感言
2014/01/23 职场文书
2014年学习雷锋活动总结
2014/03/01 职场文书
文案策划求职信
2014/03/18 职场文书
无私奉献演讲稿
2014/09/04 职场文书
大学毕业典礼演讲稿
2014/09/09 职场文书
公证处委托书
2015/01/28 职场文书
公司财务部岗位职责
2015/04/14 职场文书
土木工程毕业答辩开场白
2015/05/29 职场文书
导游词之广西漓江
2019/11/02 职场文书
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python