两种JS实现密码强度的正则表达式方法

本文给出了两个密码强度正则表达式方案,一个简单,一个更复杂和安全。并分别给出了两个方案的解析和测试程序。一般大家可以根据自己的项目的实际需要,自行定义自己的密码正则约定。

两种JS实现密码强度的正则表达式方法 

前言

用户注册时,都会用到密码正则校验。要写出正确的正则表达式,先要定义表达式规则。

方案1 (简单)

假设密码验证做如下规则定义:

最短6位,最长16位 {6,16}

可以包含小写大母 [a-z] 和大写字母 [A-Z]

可以包含数字 [0-9]

可以包含下划线 [ _ ] 和减号 [ – ]

根据以上规则,很容易给出正则字面量定义如下:

var pattern = /^[w_-]{6,16}$/;

登录后复制

方案1分析

字面量 / /

正则表达式的字面量定义为包含在一对斜杠(/)之间的字符,例如:

var pattern = /s$/;

登录后复制

上述字面量匹配所有以字母“s”结尾的字符串。

字符类 [ ]

将字符放进方括号内就组成了字符类。一个字符类可以匹配它所包含的任意字符。因此,正则表达式 /[abc]/ 就和字母“a”,“b”,“c”中的任意一个都匹配。

字符类可以使用连字符来表示字符范围。要匹配拉丁小写字母可以使用 /[a-z]/ 。

字符类 w

字符类 w 匹配任何ASCII字符组成的单词,等价于[a-zA-Z0-9]。

[w_-] 表示匹配任意的拉丁大小写字母,数字再加上下划线和减号。

重复 {}

在正则表达式中用{ }来表示元素重复出现的次数。

{n,m} 匹配前一项至少n次,但不能超过m次

{n,} 匹配前一项n次或更多次

{n} 匹配前一项n次

[w_-]{6,16} 表示匹配任意的拉丁大小写字母,数字再加上下划线和减号出现最少6次,最多16次。

匹配位置

^ 匹配字符串的开头,在多行检索中,匹配一行的开头
$ 匹配字符串的结尾,在多行检索中,匹配一行的结尾
/^w/ 匹配以大小写字母或数字开头的字符串。

方案1测试

给出测试结果如下:

var pattern = /^[w_-]{6,16}$/;pattern.test('123456') = true;pattern.test('-ifat33') = true;pattern.test('42du') = false;pattern.test('du42du42du42du421') = false;pattern.test('42du42@') = false;

登录后复制

查看源码

根据测试结果可以看出,方案1只是对密码做了简单的限定,不能保证密码的强度和帐号安全。

方案2 (安全)

假设密码验证做如下规则定义:

最短6位,最长16位 {6,16}

必须包含1个数字

必须包含2个小写字母

必须包含2个大写字母

必须包含1个特殊字符

根据以上规则,很容易给出正则字面量定义如下:

var pattern = /^.*(?=.{6,16})(?=.*d)(?=.*[A-Z]{2,})(?=.*[a-z]{2,})(?=.*[!@#$%^&*?()]).*$/;

登录后复制

方案2分析

字符类 .

字符类 . 表示除换行符和其他Unicode行终止符之外的任意字符。

正向先行断言 (?= )

在符号“(?=” 和 “)” 之间加入一个表达式,它就是一个先行断言,用以说明圆括号内的表达式必须正确匹配。比如: /Java(?=:)/ 只能匹配Java且后面有冒号的。

(?=.*[!@#$%^&*?()])

该先行断言表示,必须包括一个特殊字符。上述表达式中的10个特殊字符为键盘1,2…0的上档键字符,也可以添加别的特殊字符。注意:如果添加字符是正则表达式中具有特殊含义的,需要在符号前加反斜线()转义。

方案2测试

给出测试结果如下:

var pattern = /^.*(?=.{6,16})(?=.*d)(?=.*[A-Z]{2,})(?=.*[a-z]{2,})(?=.*[!@#$%^&*?()]).*$/;pattern.test('du42DU!') = true;pattern.test('duDUd!') = false;pattern.test('42dud!') = false;pattern.test('42DUD!') = false;pattern.test('42duDU') = false;pattern.test('42duU(') = false;pattern.test('42dUU!') = false;

登录后复制

相关推荐:

JS原生对象和正则表达式详解

JavaScript正则表达式小技巧

PHP正则表达式的总结

以上就是两种JS实现密码强度的正则表达式方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2780949.html

(0)
上一篇 2025年3月8日 16:10:56
下一篇 2025年3月7日 16:15:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 使用vue.js路由后失效如何解决

    新学了vue.js中的路由 在之前写的vue的demo上加上了简单的路由例子(来自vue-router 2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后找到原因是因为同一个id被启动了两次(第一…

    编程技术 2025年3月8日
    200
  • JavaScript必须知道的基础知识

    这次给大家带来JavaScript必须知道的基础知识,JavaScript必须知道的基础知识有哪些,下面就是实战案例,一起来看一下。 脚本语言最重要的几个部分: 数据类型  运算符  控制语句  数组   方法(函数) 一、基础知识 关键字…

    编程技术 2025年3月8日
    200
  • angularjs的缓存详解

    这次给大家带来angularjs的缓存详解,使用angularjs缓存的注意事项有哪些,下面就是实战案例,一起来看一下。 一、什么是缓存 一个缓存就是一个组件,它可以透明地存储数据,以便未来可以更快地服务于请求。 缓存能够服务的请求越多,整…

    编程技术 2025年3月8日
    200
  • js的原型及原型链详解

     这次给大家带来js的原型及原型链详解,使用js的原型及原型链详解的注意事项有哪些,下面就是实战案例,一起来看一下。 我们创建的每个函数都有一个 prototype (原型)属性,这个属性是一个指针,指向一个原型对象,而这个原型对象中拥有的…

    2025年3月8日
    200
  • JavaScript的字符串怎样使用

    这次给大家带来javascript的字符串怎样使用,javascript的字符串怎样使用的注意事项有哪些,下面就是实战案例,一起来看一下。 charAt()            获取字符串中特定索引处的字符; toupperCase() …

    编程技术 2025年3月8日
    200
  • JavaScript之优化DOM

    这次给大家带来JavaScript之优化DOM,JavaScript之优化DOM的注意事项有哪些,下面就是实战案例,一起来看一下。 优化DOM得从重绘和重排讲起,long long ago… 1、重绘和重排 1.1 重绘和重排是…

    编程技术 2025年3月8日
    200
  • JS里计数器的使用

    这次给大家带来JS里计数器的使用,使用JS里计数器的注意事项有哪些,下面就是实战案例,一起来看一下。 angular2+ 的学习成本应该是三大框架中最高的一个,教程及案例稀缺,流程较为复杂,这里我用计数器和在线获取用户数据并渲染成列表这两个…

    编程技术 2025年3月8日
    200
  • JS闭包的使用

    这次给大家带来JS闭包的使用,使用JS闭包的注意事项有哪些,下面就是实战案例,一起来看一下。 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 下面就是我的学习笔记,对于Javascr…

    编程技术 2025年3月8日
    200
  • JS中函数的重要性

    这次给大家带来js中函数的重要性,使用js中函数的注意事项有哪些,下面就是实战案例,一起来看一下。 既然是对象,那么它就可以: 通过字面量创建 赋值给变量,数组元素和其他对象的属性(property) 作为参数传递给函数 作为函数的返回值 …

    编程技术 2025年3月8日
    200
  • Vue.js组件的使用方法

    这次给大家带来Vue.js组件的使用方法,Vue.js组件使用的注意事项有哪些,下面就是实战案例,一起来看一下。   1. 所有Vue组件同时也都是Vue实例,分为全局组件和局部组件,注册方式如下。   Vue.component(‘my-…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论