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 相关文章推荐
myeclipse安装jQuery插件的方法
Mar 29 Javascript
JS获取当前页面名称的简单实例
Aug 19 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
Sep 19 Javascript
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
详解http访问解析流程原理
Oct 18 Javascript
详解Angular2学习笔记之Html属性绑定
Jan 03 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 Javascript
Vue如何实现监听组件原生事件
Jul 03 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 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
PHP4实际应用经验篇(7)
2006/10/09 PHP
php 文件缓存函数
2011/10/08 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
2012/10/11 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
Vuex之理解Mutations的用法实例
2017/04/19 Javascript
微信小程序实现滑动删除效果
2017/05/19 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
2017/07/19 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
Python multiprocessing模块中的Pipe管道使用实例
2015/04/11 Python
Python比较2个时间大小的实现方法
2018/04/10 Python
Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS浅析
2018/05/08 Python
Python面向对象之静态属性、类方法与静态方法分析
2018/08/24 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
python定义类self用法实例解析
2020/01/22 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
python如何建立全零数组
2020/07/19 Python
css3的动画特效之动画序列(animation)
2017/12/22 HTML / CSS
领导检查欢迎词
2014/01/14 职场文书
交通安全标语
2014/06/06 职场文书
2014国庆节主题活动方案:快乐的国庆节
2014/09/16 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
《跨越海峡的生命桥》教学反思
2016/02/18 职场文书
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
SpringCloud Alibaba 基本开发框架搭建过程
2021/06/13 Java/Android
JavaScript 原型与原型链详情
2021/11/02 Javascript