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 相关文章推荐
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
javascript 计算两个整数的百分比值
Dec 26 Javascript
jquery的选择器的使用技巧之如何选择input框
Sep 22 Javascript
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
Apr 06 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
Nov 25 Javascript
微信小程序 数据遍历的实现
Apr 05 Javascript
JS和Canvas实现图片的预览压缩和上传功能
Mar 30 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
Jul 21 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
PHP中替换键名的简易方法示例详解
2014/01/07 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
PHP调用VC编写的COM组件实例
2014/03/29 PHP
php数组遍历类与用法示例
2019/05/24 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
2012/04/14 Javascript
JavaScript实现同时调用多个函数的方法
2015/11/09 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
AngularJS 的$timeout服务示例代码
2017/09/21 Javascript
JS实现十字坐标跟随鼠标效果
2017/12/25 Javascript
使用vue中的v-for遍历二维数组的方法
2018/03/07 Javascript
Webpack按需加载打包chunk命名的方法
2019/09/22 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
js的Object.assign用法示例分析
2020/03/05 Javascript
详解Python爬虫的基本写法
2016/01/08 Python
Python最小二乘法矩阵
2019/01/02 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
python ffmpeg任意提取视频帧的方法
2020/02/21 Python
Python实现鼠标自动在屏幕上随机移动功能
2020/03/14 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
建筑工程专业毕业生自荐信
2013/10/19 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
司机工作自我鉴定
2014/09/19 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
2014教师年度思想工作总结
2014/11/10 职场文书
入党自荐书范文
2015/03/05 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js