jquery密码强度校验


Posted in Javascript onDecember 02, 2015

本文实例讲述了jquery密码强度校验的验证代码,分享给大家供大家参考。具体如下:
预想的效果截图如下:

jquery密码强度校验

关键代码:

<script>
 
//下面的正则表达式建议各位收藏哦,项目上有可能会用得着
$(function(){  
  $('#pass').blur(function(e) {
    // alert('---------');
     //密码为八位及以上并且字母数字特殊字符三项都包括
     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;
  });
}); 
</script> 
         
<input type="password" name="pass" id="pass" /> 
<span id="passstrength"></span>

以上就是jquery判断密码强度校验代码,大家可以应用到自己的项目中,希望大家喜欢。

Javascript 相关文章推荐
用javascript父窗口控制只弹出一个子窗口
Apr 10 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
jQuery UI 实现email输入提示实例
Aug 15 Javascript
浅谈javascript 函数内部属性
Jan 21 Javascript
javascript实现数独解法
Mar 14 Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 Javascript
微信小程序movable view移动图片和双指缩放实例代码
Aug 08 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
JavaScript计算出两个数的差值
Mar 19 Javascript
关于vue-cli3打包代码后白屏的解决方案
Sep 02 Javascript
echarts实现晶体球面投影的实例教程
Oct 10 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 #Javascript
jquery实现全选、反选、获得所有选中的checkbox
Sep 13 #Javascript
js实现继承的5种方式
Dec 01 #Javascript
6种javascript显示当前系统时间代码
Dec 01 #Javascript
基于jQuery实现网页打印功能
Dec 01 #Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 #Javascript
快速学习jQuery插件 Cookie插件使用方法
Dec 01 #Javascript
You might like
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
jQuery 1.0.4 - New Wave Javascript(js源文件)
2007/01/15 Javascript
javascript 写类方式之三
2009/07/05 Javascript
详谈 Jquery Ajax异步处理Json数据.
2011/09/09 Javascript
jQuery的slideToggle方法实例
2013/05/07 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
jquery实现顶部向右伸缩的导航区域代码
2015/09/02 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
2015/10/01 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
微信小程序带动画弹窗组件使用方法详解
2018/11/27 Javascript
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
解决Vue router-link绑定事件不生效的问题
2020/07/22 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
[01:21:58]守擂赛DOTA2第一周决赛
2020/04/22 DOTA
python实现线程池的方法
2015/06/30 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
python实现画循环圆
2019/11/23 Python
tensorflow 模型权重导出实例
2020/01/24 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
python 实现百度网盘非会员上传超过500个文件的方法
2021/01/07 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
方正Java笔试题
2014/07/03 面试题
自荐书范文
2013/12/08 职场文书
酒店总经理欢迎词
2014/01/15 职场文书
群众路线教育实践活动方案
2014/02/02 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
药品销售内勤岗位职责
2015/04/13 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
python Django框架快速入门教程(后台管理)
2021/07/21 Python