jquery里用正则来验证密码,必须包含大小写字母,数字及特殊符号,或最少包含两种

本文主要是介绍jquery里用正则来验证密码,必须包含大小写字母,数字及特殊符号,或最少包含两种,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

宣传下我自己做的小程序码,可以在上面领饿了么和美团红包的小程序。


 

我们在web开发中,经常会用到正则来验证用户所输入和提交的内容,所以站长也会经常收集和整理一些好用的正则表达式,记录和整理本来就是学习过程中的一部分,今天在网上看到有人在询问一个正则,就自己写了一下,拿出来与大家分享。

一:要求用正则来验证用户输入的密码,至少包含大小字字母,数字和特殊符号中两种,简单的说,就是验证用户输入的密码不能太简单。

乍一想,这种正则好像不太方便下手写,至少以前站长在验证用户输入的密码格式时,都是分步来写的,比如:

if(/[a-z]/g.test(v)){alert("不能纯为小写字母");return false;
}else if(/[A-Z]/g.test(v)){alert("不能纯为大写字母");return false;
}else if(/[0-9]/g.test(v)){alert("不能纯为数字");return false;
}else if(/[^0-9a-zA-Z]/g.test(v)){alert("不能纯为非字母和数字的特殊符号");return false;
}

现在技术比以前好了那么“一丢丢”,就在想,能不能用一句正则来实现呢?当然是可以的,下面是具体的正则: 

var v=$("#text").val();
reg=/^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,}$/;
alert(reg.test(v));

上面的正则表达的意思是,不能为纯数字,不能为纯小写字母,不能为纯大写字母,不能为纯特殊符号,至少六位。

不要看着有点复杂,其实很简单的,站长来给大家拆开分析一下:

(?!) 这是正则里的一个“语法结构”,表示“规定后面不是”的意思,看这篇《jquery正则中问号的三种[说四种那是忽悠人]用法详解及在线实例演示》

了解了上面这一句,那么上面的正则就好理解了:

(?![0-9]+$)  表示后面不能为纯数字

(?![a-z]+$)  表示后面不能为纯小写字母

(?![A-Z]+$)  表示后面不能为纯大写字母
(?!([^(0-9a-zA-Z)])+$) 表示后面不能为除数字和字母外的纯特殊符号
^ 这个符号单独用表示“开头”,用在中括号的开头,表示“非”;

.{6,}  表示至少6位的任意字符

$ 表示“结尾” 

二:另外还有一种情况,那就是,有时我们需要我们的密码必须为“字母+数字+特殊符号”,那么我们要如何写呢?

(?![0-9a-z]+$) 不能为小写字母与数字
(?![0-9A-Z]+$) 不能为大写字母与数字
(?![0-9\W]+$)  不能为数字及特殊符号
(?![a-z\W]+$)  不能为小写字母及特殊符号
(?![A-Z\W]+$)  不能为大写字母及特殊符号
(?![0-9a-zA-Z]+$) 不能为大写,小写字母与数字

把这三种情况也加上去后,就只剩下“必须包含数字、大小写字母和特殊符号”这一种情况了,但是我们也得出了一个超长的正则,这里就不写了!

那么有没有简单的方法呢?当然是有的:

var v=$("#text").val();
reg=/^(?=.*[a-zA-Z])(?=.*[1-9])(?=.*[\W]).{6,}$/;
alert(reg.test(v));

(?=)这个语法结构在正则里表示“设定后面是”的意思。

(?=.*[a-zA-Z])  这句的意思就是后面必须有一位大写或小写字母

(?=.*[1-9]) 这句的意思是后面必须有一位数字

(?=.*[\W]) 这句的意思是后面必须有一个非字母数字及下划线的特殊符号

上述正则校验在实际使用中会遇到很多全角符号导致验证失败的问题,所以最后我们在项目中改成了限定特殊符号的范围。因为我们想着密码的特殊符号是为了防破解,所以一些常用的特殊符号就足够我们使用了,我们最后限定的特殊符号范围是 !@#$%^&*   这些。于是正则表达些的写法如下

var v=$("#text").val();
reg=/^(?=.*[a-zA-Z])(?=.*[1-9])(?=.*[!|@|#|$|%|^|&|*]).{6,}$/;
alert(reg.test(v));

上述结构中最后的 (?=.*[!|@|#|$|%|^|&|*]) 表示必须有一个!@#$%^&*中的一个,竖线在正则中表示多个中选一个。这样限定了范围,可以避免了很多其他全角、html预定字符等转义导致的一些列问题。

这篇关于jquery里用正则来验证密码,必须包含大小写字母,数字及特殊符号,或最少包含两种的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1025530

相关文章

MyBatis中的两种参数传递类型详解(示例代码)

《MyBatis中的两种参数传递类型详解(示例代码)》文章介绍了MyBatis中传递多个参数的两种方式,使用Map和使用@Param注解或封装POJO,Map方式适用于动态、不固定的参数,但可读性和安... 目录✅ android方式一:使用Map<String, Object>✅ 方式二:使用@Param

SpringBoot返回文件让前端下载的几种方式

《SpringBoot返回文件让前端下载的几种方式》文章介绍了开发中文件下载的两种常见解决方案,并详细描述了通过后端进行下载的原理和步骤,包括一次性读取到内存和分块写入响应输出流两种方法,此外,还提供... 目录01 背景02 一次性读取到内存,通过响应输出流输出到前端02 将文件流通过循环写入到响应输出流

python项目打包成docker容器镜像的两种方法实现

《python项目打包成docker容器镜像的两种方法实现》本文介绍两种将Python项目打包为Docker镜像的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目录简单版:(一次成功,后续下载对应的软件依赖)第一步:肯定是构建dockerfile,如下:第二步

SpringBoot+Vue3整合SSE实现实时消息推送功能

《SpringBoot+Vue3整合SSE实现实时消息推送功能》在日常开发中,我们经常需要实现实时消息推送的功能,这篇文章将基于SpringBoot和Vue3来简单实现一个入门级的例子,下面小编就和大... 目录前言先大概介绍下SSE后端实现(SpringBoot)前端实现(vue3)1. 数据类型定义2.

前端Visual Studio Code安装配置教程之下载、汉化、常用组件及基本操作

《前端VisualStudioCode安装配置教程之下载、汉化、常用组件及基本操作》VisualStudioCode是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,... 目录一、Visual Studio Code下载二、汉化三、常用组件1、Auto Rename Tag2

MySQL集群高可用架构的两种使用小结

《MySQL集群高可用架构的两种使用小结》本文介绍了MySQL的两种高可用解决方案:组复制(MGR)和MasterHighAvailability(MHA),文中通过示例代码介绍的非常详细,对大家的学... 目录一、mysql高可用之组复制(MGR)1.1 组复制核心特性与优势1.2 组复制架构原理1.3

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

前端缓存策略的自解方案全解析

《前端缓存策略的自解方案全解析》缓存从来都是前端的一个痛点,很多前端搞不清楚缓存到底是何物,:本文主要介绍前端缓存的自解方案,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、为什么“清缓存”成了技术圈的梗二、先给缓存“把个脉”:浏览器到底缓存了谁?三、设计思路:把“发版”做成“自愈”四、代码

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter