jquery脚本检测密码强度
类别:Web前端 浏览量:747
时间:2013-9-17 jquery脚本检测密码强度
jquery脚本检测密码强度在表单功能中,经常会有检测用户输入的密码强度的功能,下面这个代码片段使用正则表达式来检测密码是否足够安全,当然记得在服务端也进行表单验证。
基本原理都是:使用js触发text表单输入元素的keyup事件,根据输入字符的长度以及类型数量(比如数字,小写字母,大写字母,特殊字符等)动态修改提示元素的样式和文本。
实现代码:
$('#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; });
您可能感兴趣
- jquery实现微信中长按识别二维码
- JQuery中serialize与serializeArray
- jquery的each的用法
- jQuery 右侧浮动导航菜单
- jquery脚本检测密码强度
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- jquery实现标签输入功能
- jquery图片轮播代码
- jQuery实现tab切换
- JQuery中extend的用法
- jquery实现聚光灯效果
- Jquery中的offset()和position()的区别
- jquery中serialize方法对空格的处理
- jquery中append和appendto的区别
- jquery中prop和attr的区别
- jquery ajax详细教程(jquery+Ajax实现简单分页条效果)
- 直播带货能赚到很多钱吗(直播带货能赚到很多钱吗现在)
- 做网红真的很能赚钱吗(做网红真的很能赚钱吗)
- 10句英语常用(英语常用900句)
- 爱情能当饭吃吗(爱情能当饭吃吗说说)
- 白T恤穿法(白t恤)
- 你怎么忘了是说先爱我(你怎么忘了如何爱我)
热门推荐
- VPS跟云服务器的区别是什么?(VPS跟云服务器的区别是什么?)
- mysql怎么查看表的字段(Mysql 获取表的comment 字段操作)
- php框架使用方法大全(PHP MVC框架中类的自动加载机制实例分析)
- 护卫神主机大师教程(护卫神主机大师Linux版安装及卸载图文教程)
- python编写pygame游戏怎么打包(python使用pygame模块实现坦克大战游戏)
- 如何把阿里云盘加入到快捷操作(阿里云如何挂载数据盘?阿里云挂载数据盘一键脚本)
- dedecms官方安装手册(Linux下安装DedeCMS及安全设置教程)
- python3有哪些内置模块(Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析)
- jenkins集成docker自动部署(详解docker部署Jenkins新手使用教程)
- oracle中varchar2(byte)、varchar2(char)、nvarchar2()区别