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 相关文章推荐
父窗口获取弹出子窗口文本框的值
Jun 27 Javascript
javaScript Array(数组)相关方法简述
Jul 25 Javascript
添加JavaScript重载函数的辅助方法2
Jul 04 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
Jan 04 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 Javascript
JavaScript设计模式之单例模式实例
Sep 24 Javascript
jQuery弹出框代码封装DialogHelper
Jan 30 Javascript
js实现防止被iframe的方法
Jul 03 Javascript
浅谈JavaScript中运算符的优先级
Jul 07 Javascript
JavaScript之Vue.js【入门基础】
Dec 06 Javascript
vue实现全选和反选功能
Aug 31 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
Oct 30 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的ob_start();控制您的浏览器cache!
2007/02/14 PHP
php使用curl存储cookie的示例
2014/03/31 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
PHP CURL采集百度搜寻结果图片不显示问题的解决方法
2017/02/03 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
Javascript !!的作用
2008/12/04 Javascript
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
jquery动态添加option示例
2013/12/30 Javascript
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
2017/02/13 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
Javascript 编码约定(编码规范)
2018/03/11 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
在Linux中通过Python脚本访问mdb数据库的方法
2015/05/06 Python
在Python的Django框架的视图中使用Session的方法
2015/07/23 Python
python 使用shutil复制图片的例子
2019/12/13 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
Python通过len函数返回对象长度
2020/10/22 Python
python openCV自制绘画板
2020/10/27 Python
日本最大的彩色隐形眼镜销售网站:CharmColor
2020/09/09 全球购物
什么是servlet链?
2014/07/13 面试题
高中生职业生涯规划书
2014/02/24 职场文书
2014年后备干部工作总结
2014/12/08 职场文书
初中毕业生自我评价
2015/03/02 职场文书
考试没考好检讨书
2015/05/06 职场文书
合理化建议书范文
2015/09/14 职场文书
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技
详解MySQL的内连接和外连接
2023/05/08 MySQL