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 相关文章推荐
javascript中利用数组实现的循环队列代码
Jan 24 Javascript
iframe 异步加载技术及性能分析
Jul 19 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 Javascript
Select2.js下拉框使用小结
Oct 24 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
vue params、query传参使用详解
Sep 12 Javascript
ES6基础之默认参数值
Feb 21 Javascript
vue 查看dist文件里的结构(多种方式)
Jan 17 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 Javascript
vue实现轮播图帧率播放
Jan 26 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
默默简单的写了一个模板引擎
2007/01/02 PHP
php 格式化数字的时候注意数字的范围
2010/04/13 PHP
PHP查询数据库中满足条件的记录条数(两种实现方法)
2013/01/29 PHP
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
浅析JS运动
2015/12/28 Javascript
jquery easyui validatebox remote的使用详解
2016/11/09 Javascript
javascript简单进制转换实现方法
2016/11/24 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
JS实现小星星特效
2019/12/24 Javascript
JavaScript实现轮播图片完整代码
2020/03/07 Javascript
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
Python 'takes exactly 1 argument (2 given)' Python error
2016/12/13 Python
python 文件操作删除某行的实例
2017/09/04 Python
python 将数据保存为excel的xls格式(实例讲解)
2018/05/03 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
python爬虫爬取监控教务系统的思路详解
2020/01/08 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
keras在构建LSTM模型时对变长序列的处理操作
2020/06/29 Python
Python Django路径配置实现过程解析
2020/11/05 Python
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
Cynthia Rowley官网:全球领先的生活方式品牌
2020/10/27 全球购物
Java程序员面试题
2016/09/27 面试题
农林环境专业求职信
2014/03/13 职场文书
计算机系本科生求职信
2014/05/31 职场文书
干部作风整顿自我剖析材料和整改措施
2014/09/18 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
小学运动会开幕词
2015/01/28 职场文书
九年级化学教学反思
2016/02/22 职场文书
研究生学习计划书应该怎么写?
2019/09/10 职场文书