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实现表格动态分页实现代码
Jun 21 Javascript
js 判断一个元素是否在页面中存在
Dec 27 Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 Javascript
jQuery实现自动滚动到页面顶端的方法
May 22 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
Feb 22 Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 Javascript
Vue制作Todo List网页
Apr 26 Javascript
js 判断一个数字是不是2的n次方幂的实例
Nov 26 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
layui复选框的全选与取消实现方法
Sep 02 Javascript
微信小程序tabBar设置实例解析
Nov 14 Javascript
vue递归实现树形组件
Jul 15 Vue.js
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
点评山进PR-D3L三波段收音机
2021/03/02 无线电
PHP下几种删除目录的方法总结
2007/08/19 PHP
php 前一天或后一天的日期
2008/06/28 PHP
基于PHP读取csv文件内容的详解
2013/06/18 PHP
浅谈mysql_query()函数的返回值问题
2016/09/05 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
2011/10/06 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
2013/12/24 Javascript
javascript几个易错点记录
2014/11/26 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
jQuery实时统计输入框字数及限制
2020/06/24 jQuery
JS跨浏览器解析XML应用过程详解
2020/10/16 Javascript
[01:11]回顾历届DOTA2国际邀请赛中国区预选赛
2017/06/26 DOTA
python解析文件示例
2014/01/23 Python
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
基于Python实现定时自动给微信好友发送天气预报
2018/10/25 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
Pytorch之parameters的使用
2019/12/31 Python
appium+python adb常用命令分享
2020/03/06 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
分享全球十款超强HTML5开发工具
2014/05/14 HTML / CSS
澳大利亚首个在线预订旅游网站:Wotif
2017/07/19 全球购物
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
社团活动策划书范文
2014/01/09 职场文书
高中体育教学反思
2014/01/24 职场文书
初中班主任评语
2014/04/24 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
病人家属写给医院的感谢信
2015/01/23 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
《攀登者》:“海拔8000米以上,你不能指望任何人”
2019/11/25 职场文书