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获取flash版本号的方法
Nov 20 Javascript
js实现图片从左往右渐变切换效果的方法
Feb 06 Javascript
JavaScript获取网页表单action属性的方法
Apr 02 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
详解tween.js的使用教程
Sep 14 Javascript
Vue.js递归组件构建树形菜单
Dec 24 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
Jul 20 Javascript
JavaScript 性能提升之路(推荐)
Apr 10 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
May 06 Javascript
前端js中的事件循环eventloop机制详解
May 15 Javascript
JS 5种遍历对象的方式
Jun 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
德生BCL3000的电路分析和打磨
2021/03/02 无线电
PHP 转义使用详解
2013/07/15 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
通过修改配置真正解决php文件上传大小限制问题(nginx+php)
2015/09/23 PHP
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
JS取request值以及自动执行使用示例
2014/02/24 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
2015/02/02 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
jquery输入数字随机抽奖特效的简单实现代码
2016/06/10 Javascript
vue.js中$watch的用法示例
2016/10/04 Javascript
浅谈js的ajax的异步和同步请求的问题
2016/10/07 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
vue引入swiper插件的使用实例
2017/07/19 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
2017/11/16 Javascript
js 判断一个数字是不是2的n次方幂的实例
2017/11/26 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
python 布尔操作实现代码
2013/03/23 Python
python批量生成本地ip地址的方法
2015/03/23 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
Python3实现爬取简书首页文章标题和文章链接的方法【测试可用】
2018/12/11 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
python如何判断IP地址合法性
2020/04/05 Python
Python request操作步骤及代码实例
2020/04/13 Python
pycharm永久激活超详细教程
2020/10/29 Python
学术会议主持词
2014/03/17 职场文书
心理健康活动总结
2014/04/30 职场文书
本科应届生自荐信
2014/06/29 职场文书
学生顶撞老师的检讨书
2014/09/17 职场文书
2014年会计人员工作总结
2014/12/10 职场文书
营销计划书范文
2015/01/17 职场文书
2015年三八妇女节活动总结
2015/02/06 职场文书
养成教育主题班会
2015/08/13 职场文书