jquery判断密码强度的验证代码


Posted in Javascript onApril 22, 2020

本文实例讲述了jquery判断密码强度的验证代码,分享给大家供大家参考。具体如下:
预想的效果截图如下:

jquery判断密码强度的验证代码

JS代码:

$('#pass').keyup(function(e) {
 var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
 var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
 var enoughRegex = new RegExp("(?=.{6,}).*", "g");
 if (false == enoughRegex.test($(this).val())) {
 $('#passstrength').html('More Characters');
 } else if (strongRegex.test($(this).val())) {
 $('#passstrength').className = 'ok';
 $('#passstrength').html('Strong!');
 } else if (mediumRegex.test($(this).val())) {
 $('#passstrength').className = 'alert';
 $('#passstrength').html('Medium!');
 } else {
 $('#passstrength').className = 'error';
 $('#passstrength').html('Weak!');
 }
 return true;
});

页面:

<input type="password" name="pass" id="pass" />
<span id="passstrength"></span>

以上就是jquery判断密码强度的验证代码,大家可以应用到自己的项目中,希望大家喜欢。

Javascript 相关文章推荐
JavaScript中为元素加上name属性的方法
May 09 Javascript
javascript分页代码实例分享(js分页)
Dec 13 Javascript
用jquery等比例控制图片宽高的具体实现
Jan 28 Javascript
JavaScript中的继承方式详解
Feb 11 Javascript
教你用十行node.js代码读取docx的文本
Mar 08 Javascript
浅析JS抽象工厂模式
Dec 14 Javascript
javascript 通过键名获取键盘的keyCode方法
Dec 31 Javascript
详解webpack运行Babel教程
Jun 13 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
layui的layedit富文本赋值方法
Sep 18 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
Oct 28 Javascript
字节飞书面试promise.all实现示例
Jun 16 Javascript
jquery实现邮箱自动填充提示功能
Nov 17 #Javascript
jQuery实现文本框邮箱输入自动补全效果
Nov 17 #Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 #Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 #Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 #Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 #Javascript
js全选按钮的实现方法
Nov 17 #Javascript
You might like
PHP中if和or运行效率对比
2014/12/12 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
2007/06/29 Javascript
Jquery 表单取值赋值的一些基本操作
2009/10/11 Javascript
Jquery 插件学习实例1 插件制作说明与tableUI优化
2010/04/02 Javascript
js对象的比较
2011/02/26 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
node.js cookie-parser之parser.js
2016/06/06 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
2016/08/02 Javascript
angular.js之路由的选择方法
2016/09/24 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
让网站自动生成章节目录索引的多个js代码
2018/01/07 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
python实现的简单窗口倒计时界面实例
2015/05/05 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
详解Python绘图Turtle库
2019/10/12 Python
Python使用Paramiko控制liunx第三方库
2020/05/20 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
哥伦比亚最大的网上商店:Linio哥伦比亚
2016/09/25 全球购物
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
PacSun官网:加州生活方式服装、鞋子和配饰
2018/03/10 全球购物
职业生涯规划设计步骤
2014/01/12 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
原料仓仓管员岗位职责
2014/07/08 职场文书
工作失职造成投诉的检讨书范文
2014/10/05 职场文书
全国爱牙日活动总结
2015/02/05 职场文书
正规借条模板
2015/05/26 职场文书
《鸟的天堂》教学反思
2016/02/19 职场文书