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 相关文章推荐
更正确的asp冒泡排序
May 24 Javascript
html数组字符串拼接的最快方法
Sep 16 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
Jan 13 Javascript
jQuery setTimeout()函数使用方法
Apr 07 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
jQuery控制元素隐藏和显示
Mar 03 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
微信小程序开发之路由切换页面重定向问题
Sep 18 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
微信小程序使用字体图标的方法
May 23 Javascript
WebPack工具运行原理及入门教程
Dec 02 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
Dec 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实现计算两个日期间隔的年、月、周、日数
2013/06/13 PHP
基于PHP中的常用函数回顾
2013/07/11 PHP
php打印一个边长为N的实心和空心菱型的方法
2015/03/02 PHP
7个鲜为人知却非常实用的PHP函数
2015/07/01 PHP
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
Laravel框架中缓存的使用方法分析
2019/09/06 PHP
Javascript 对象的解释
2008/11/24 Javascript
jquery 获取json数据实现代码
2009/04/27 Javascript
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
2017/02/17 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
2017/08/30 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
2019/05/26 Javascript
Vue中的循环及修改差值表达式的方法
2019/08/29 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
js实现石头剪刀布游戏
2020/10/11 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
python生成日历实例解析
2014/08/21 Python
Python创建普通菜单示例【基于win32ui模块】
2018/05/09 Python
Python装饰器用法实例总结
2018/05/26 Python
python自动化生成IOS的图标
2018/11/13 Python
Python self用法详解
2020/11/28 Python
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
C#怎么让一个窗口居中显示?
2015/10/20 面试题
软件设计的目标是什么
2016/12/04 面试题
校长岗位职责
2013/11/26 职场文书
党员自我评价分享
2013/12/13 职场文书
关键在于落实心得体会
2014/09/03 职场文书
感谢信格式范文
2015/01/22 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
2019通用版劳动合同范本!
2019/07/11 职场文书
Python实现科学占卜 让视频自动打码
2022/04/09 Python