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 相关文章推荐
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
分享JavaScript获取网页关闭与取消关闭的事件
Dec 13 Javascript
Bootstrap3学习笔记(三)之表格
May 20 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
vue router2.0二级路由的简单使用
Jul 05 Javascript
BootStrap导航栏问题记录
Jul 31 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
js实现飞机大战小游戏
Aug 26 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
解决vue自定义组件@click点击失效问题
Apr 30 Vue.js
基于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使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
PHP asXML()函数讲解
2019/02/03 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
在JavaScript中使用timer示例
2014/05/08 Javascript
关闭页面window.location事件未执行的原因及解决方法
2014/09/01 Javascript
AngularJS学习笔记之ng-options指令
2015/06/16 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
Bootstrap中的Panel和Table全面解析
2016/06/13 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
原生JS检测CSS3动画是否结束的方法详解
2019/01/27 Javascript
JS实现的tab切换并显示相应内容模块功能示例
2019/08/03 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
Flask框架URL管理操作示例【基于@app.route】
2018/07/23 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
Python插入Elasticsearch操作方法解析
2020/01/19 Python
python导入库的具体方法
2020/06/18 Python
国际书籍零售商:Wordery
2017/11/01 全球购物
门卫岗位安全职责
2013/12/13 职场文书
全神贯注教学反思
2014/02/03 职场文书
幼儿教师师德演讲稿
2014/05/06 职场文书
运动会跳远广播稿5篇
2014/09/17 职场文书
特岗教师个人总结
2015/02/10 职场文书
项目战略合作意向书
2015/05/08 职场文书
python实现图片批量压缩
2021/04/24 Python
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android