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 相关文章推荐
prototype1.4中文手册
Sep 22 Javascript
javascript 定义初始化数组函数
Sep 07 Javascript
this和执行上下文实现代码
Jul 01 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
介绍JavaScript中Math.abs()方法的使用
Jun 14 Javascript
JQuery实现简单的图片滑动切换特效
Nov 22 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
Feb 04 Javascript
jquery实现左右滑动式轮播图
Mar 02 Javascript
简单理解Vue中的nextTick方法
Jan 30 Javascript
angularJs 表格添加删除修改查询方法
Feb 27 Javascript
基于vue实现一个神奇的动态按钮效果
May 15 Javascript
Javascript基于OOP实实现探测器功能代码实例
Aug 26 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入门速成教程
2007/03/19 PHP
PHP类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
PHP的拦截器实例分析
2014/11/03 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
JS对文本框值的判断示例
2014/03/10 Javascript
JS实现的网页倒计时数字时钟效果
2015/03/02 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
JS中数组重排序方法
2016/11/11 Javascript
vue的过滤器filter实例详解
2018/09/17 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
微信小程序实现列表左右滑动
2020/11/19 Javascript
8个非常实用的Vue自定义指令
2020/12/15 Vue.js
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
[00:37]DOTA2上海特级锦标赛 Secert 战队宣传片
2016/03/03 DOTA
Python发送以整个文件夹的内容为附件的邮件的教程
2015/05/06 Python
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
Python BeautifulSoup [解决方法] TypeError: list indices must be integers or slices, not str
2019/08/07 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
VSCode中自动为Python文件添加头部注释
2019/11/14 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
Python中用pyinstaller打包时的图标问题及解决方法
2020/02/17 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
外国语学院毕业生自荐信
2013/10/28 职场文书
办公室秘书岗位职责范本
2014/02/11 职场文书
高中语文课后反思
2014/04/27 职场文书
历史学专业求职信
2014/06/19 职场文书
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书