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 相关文章推荐
一个仿糯米弹框效果demo
Jul 22 Javascript
浅析script标签中的defer与async属性
Nov 30 Javascript
实现单层json按照key字母顺序排序的示例
Dec 06 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
微信小程序实现自动定位功能
Oct 31 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
Nov 03 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 Javascript
JS的深浅复制详细
Oct 16 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中MVC的开发经验分享
2012/05/17 PHP
php实现可用于mysql,mssql,pg数据库操作类
2014/12/13 PHP
php实现scws中文分词搜索的方法
2015/12/25 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
开发跨浏览器javascript常见注意事项
2009/01/01 Javascript
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
JavaScript面向对象程序设计教程
2016/03/29 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
2017/01/06 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
Vuex中mutations与actions的区别详解
2018/03/01 Javascript
生产制造追溯系统之在线打印功能
2019/06/03 Javascript
使用axios请求接口,几种content-type的区别详解
2019/10/29 Javascript
vue data变量相互赋值后被实时同步的解决步骤
2020/08/05 Javascript
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
python调用tcpdump抓包过滤的方法
2018/07/18 Python
在pycharm上mongodb配置及可视化设置方法
2018/11/30 Python
Python的条件锁与事件共享详解
2019/09/12 Python
Python 获取项目根路径的代码
2019/09/27 Python
Python连接Oracle之环境配置、实例代码及报错解决方法详解
2020/02/11 Python
python datetime处理时间小结
2020/04/16 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
材料成型专业个人求职信范文
2013/09/25 职场文书
大学生职业生涯规划书的基本内容
2014/01/06 职场文书
大学生冰淇淋店商业计划书
2014/01/14 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
先进个人材料怎么写
2014/12/30 职场文书
应届毕业生求职简历自我评价
2015/03/02 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书
详解Vue3使用axios的配置教程
2022/04/29 Vue.js