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.Autocomplete实现自动完成功能(详解)
Jul 13 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
Mar 12 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
用headjs来管理和加载js 提高网站加载速度
Nov 29 Javascript
详解在HTTPS 项目中使用百度地图 API
Apr 26 Javascript
vue项目中mock.js的使用及基本用法
May 22 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
Feb 01 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 Javascript
js简单粗暴的发布订阅示例代码
Jan 23 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
给多个地址发邮件的类
2006/10/09 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
jquery 插件开发备注
2010/08/27 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
javascript 网页进度条简单实例
2017/02/22 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
vue实现评价星星功能
2020/06/30 Javascript
Python获取任意xml节点值的方法
2015/05/05 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
Python之NumPy(axis=0 与axis=1)区分详解
2019/05/27 Python
Python流程控制 if else实现解析
2019/09/02 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
JD Sports西班牙:英国领先的运动服装公司
2020/01/06 全球购物
计算机大学生的自我评价
2013/10/15 职场文书
药学专业大专生的自我评价
2013/12/12 职场文书
行政专员岗位职责
2014/01/02 职场文书
学生打架检讨书
2014/02/14 职场文书
灰雀教学反思
2014/04/28 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
工作建议书范文
2019/07/08 职场文书
Python移位密码、仿射变换解密实例代码
2021/06/27 Python
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫
Python作用域和名称空间的详细介绍
2022/04/13 Python
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers