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 相关文章推荐
jQuery对象与DOM对象之间的转换方法
Apr 15 Javascript
JS继承 笔记
Jul 13 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 Javascript
js获得地址栏?问号后参数的方法
Aug 08 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
详解Javascript中的Object对象
Feb 28 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
基于Bootstrap表单验证功能
Nov 17 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
layer弹出层自定义提交取消按钮的例子
Sep 10 Javascript
vue使用原生swiper代码实例
Feb 05 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 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的知识
2006/11/17 PHP
PHP中strtr字符串替换用法详解
2014/11/26 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
BOOM vs RR BO5 第一场 2.14
2021/03/10 DOTA
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
js实现微信分享代码
2020/10/11 Javascript
jQuery的层级查找方式分析
2016/06/16 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
JavaScript数据结构之链表的实现
2017/03/19 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
详解Vue SPA项目优化小记
2018/07/03 Javascript
vue.js自定义组件directives的实例代码
2018/11/09 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
2019/09/30 Javascript
vue穿梭框实现上下移动
2021/01/29 Vue.js
python修改字典内key对应值的方法
2015/07/11 Python
python 网络编程详解及简单实例
2017/04/25 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
python Jupyter运行时间实例过程解析
2019/12/13 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
通过python调用adb命令对App进行性能测试方式
2020/04/23 Python
Python代码覆盖率统计工具coverage.py用法详解
2020/11/25 Python
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
关于期中考试的反思
2014/02/02 职场文书
小学校长竞聘演讲稿
2014/05/16 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
药房管理制度范本
2015/08/06 职场文书
2016年中学植树节活动总结
2016/03/16 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android