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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
Sep 06 Javascript
基于Jquery插件实现跨域异步上传文件功能
Apr 26 Javascript
angular实现商品筛选功能
Feb 01 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
Jquery的Ajax技术使用方法
Jan 21 jQuery
通过JS运行机制的角度说说作用域
Mar 12 Javascript
简述ES6新增关键字let与var的区别
Aug 23 Javascript
JS自定义滚动条效果
Mar 13 Javascript
JS浏览器BOM常见操作实例详解
Apr 27 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连接mssql:pdo odbc sql server
2011/07/20 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
javascript之AJAX框架使用说明
2010/04/24 Javascript
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
jquery和js实现对div的隐藏和显示方法
2014/09/26 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
jQuery前端开发35个小技巧
2016/05/24 Javascript
js的各种排序算法实现(总结)
2016/07/23 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
Python subprocess模块详细解读
2018/01/29 Python
Matplotlib 生成不同大小的subplots实例
2018/05/25 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
python 判断矩阵中每行非零个数的方法
2019/01/26 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
Python如何使用正则表达式爬取京东商品信息
2020/06/01 Python
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
室内设计专业学生的自我评价分享
2013/11/27 职场文书
班级聚会策划书
2014/01/16 职场文书
《巨人的花园》教学反思
2014/02/12 职场文书
学校文明单位申报材料
2014/05/06 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
导游词300字
2015/02/13 职场文书
少儿励志名言(80句)
2019/08/14 职场文书
珍惜时间的诗歌赏析
2019/08/23 职场文书
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS
Typescript类型系统FLOW静态检查基本规范
2022/05/25 Javascript