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实现table表格行的添加、删除
- jquery左右选择框
- jquery中使用detach 移除元素
- jquery留言板代码(JavaScript实现留言板添加删除留言)
- jQuery对象和DOM的相互转换
- javascript和jquery的区别详解(JavaScript与JQuery框架基础入门教程)
- jquery滚动加载数据
- jquery中return this.each的作用
- jquery属性选择器
- jQuery多个版本间,以及与其他js文件冲突的解决方法
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- jquery中hasClass()、is()判断是否包含指定的class
- jquery导航栏动画(jQuery实现带展开动画的导航栏效果)
- jquery中index()
- jquery遍历json字符串
- jquery操作table
- 新疆80后在淘宝卖干果 以前是 不务正业 如今帮乡亲致富(新疆80后在淘宝卖干果)
- 弄清楚了销 售 买 卖这四个字,母婴生意做起来就没那么难了(弄清楚了销售买)
- 数读 买首饰金是 投资黄金 吗 买金容易卖金难(数读买首饰金是)
- 销 售 买 卖 你真的了解这四个字了吗(销售买)
- 谢娜是得罪快乐大本营造型师了吗 全场被黑化(谢娜是得罪快乐大本营造型师了吗)
- 前《iLOOK》时装总监 《快乐大本营》御用造型师上线(快乐大本营御用造型师上线)
热门推荐
- python获取天气源(Python3爬虫之自动查询天气并实现语音播报)
- apache虚拟域名配置(Apache虚拟主机的配置和泛域名解析实现代码)
- css3做出效果(深入解读CSS3中transform变换模型的渲染)
- html5入门布局(吃透移动端 Html5 响应式布局)
- python停止执行的代码(python定时检测无响应进程并重启的实例代码)
- django整合前端流程日志权限(使用Django开发简单接口实现文章增删改查)
- 如何提高软件开发团队效率
- mysql意外查不到数据(MySQL 丢失数据的原因及解决)
- docker容器状态显示(Docker consul的容器服务更新与发现的问题小结)
- 详解Python locals()的陷阱(详解Python locals的陷阱)