常用JavaScript正则表达式(regexp)

2024-03-14 01:38

本文主要是介绍常用JavaScript正则表达式(regexp),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

表单验证处理必备

用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IP地址、 十六进制颜色、 日期、 微信号、车牌号、中文正则等;

一、用户名正则

1、基本用户名正则

定义基本用户名命名规则如下:

  • 最短4位,最长16位 {4,16}
  • 可以包含小写大母 [a-z] 和大写字母 [A-Z]
  • 可以包含数字 [0-9]
  • 可以包含下划线 [ _ ] 和减号 [ - ]
  • 首字母只能是大小写字母
var pattern = /^[a-zA-Z][a-zA-Z0-9_-]{3,15}$/;
//输出 true
console.log("ifat3 : "+pattern.test('ifat3'));
//输出 true
console.log("Ifat3 : "+pattern.test('Ifat3'));
//输出 true
console.log("ke30 : "+pattern.test('ke30'));
//输出 false
console.log("30ke : "+pattern.test('30ke'));
//输出 false
console.log("ke3 : "+pattern.test('ke3'));
输出 false
console.log("ke30@ : "+pattern.test('ke30@'));
//输出 false
console.log("ke30ke30ke30ke30ke30 : "+pattern.test('ke30ke30ke30ke30ke30'));

2、中文用户名正则

如果规则中加入允许中文用户名,则变更正则表达式如下:

var pattern = /^[a-zA-Z\u4E00-\u9FA5][a-zA-Z0-9\u4E00-\u9FA5_-]{3,15}$/;
// 输出 true
console.log("ifat3 : "+pattern.test('ifat3'));
// 输出 true
console.log("Ifat3 : "+pattern.test('Ifat3'));
// 输出 true
console.log("三十课毛瑞 : "+pattern.test('三十课毛瑞'));
// 输出 false
console.log("30ke : "+pattern.test('30ke'));
// 输出 false
console.log("ke3 : "+pattern.test('ke3'));
// 输出 false
console.log("ke30@ : "+pattern.test('ke30@'));
// 输出 false
console.log("ke30ke30ke30ke30ke30 : "+pattern.test('ke30ke30ke30ke30ke30'));

其中[\u4E00-\u9FA5]是汉字的正则匹配,包括基本汉字2万多个,其中\u4E00表示汉字“一”,具体请参见《汉字unicode编码范围》;

二、密码强度正则

// 密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符
var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
// 输出 true
console.log("iFat3#:" + pPattern.test("iFat3#"));

密码强度:基于规则评分的密码强度检测算法分析及实现http://30ke.cn/doc/pass-strength

三、数字相关正则

1、整数正则

// 正整数正则
var posPattern = /^\d+$/;
// 负整数正则
var negPattern = /^-\d+$/;
// 整数正则
var intPattern = /^-?\d+$/;
// 输出 true
console.log("30:"+posPattern.test("30"));
// 输出 true
console.log("-30:"+negPattern.test("-30"));
// 输出 true
console.log("-30:"+intPattern.test("-30"));

2、浮点数正则

// 正浮点数正则
var posPattern = /^\d*\.\d+$/;
// 负浮点数正则
var negPattern = /^-\d*\.\d+$/;
// 两位小数正则
var twoPattern = /^-?\d*\.\d{2}$/;  
// 输出 true
console.log("30.2:"+posPattern.test("30.2"));
// 输出 true  
console.log("-30.2:"+negPattern.test("-30.2"));
// 输出 true  
console.log("-30.22:"+twoPattern.test("-30.22"));

3、整数浮点数正则

可以是整数也可以是浮点数

// 正数正则
var posPattern = /^\d*\.?\d+$/;
// 负数正则
var negPattern = /^-\d*\.?\d+$/;
// 数字正则
var numPattern = /^-?\d*\.?\d+$/;
// 输出 true
console.log("30.2:"+posPattern.test("30.2"));
// 输出 true  
console.log("-30.2:"+negPattern.test("-30.2"));
// 输出 true  
console.log("-30.2:"+numPattern.test("-30.2"));

四、日期正则

1、出生日期正则

var pattern = /^((19[2-9]\d{1})|(20((0[0-9])|(1[0-8]))))\-((0?[1-9])|(1[0-2]))\-((0?[1-9])|([1-2][0-9])|30|31)$/;
// 输出 true
console.log(pattern.test("1923-3-18"));
// 输出 true
console.log(pattern.test("1923-4-31"));
// 输出 true
console.log(pattern.test("1923-2-29"));
// 输出 true
console.log(pattern.test("2016-2-29"));

2、通用日期正则

// 日期正则,复杂判定
var dP2 = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
// 输出 true
console.log(dP2.test("2017-02-11"));
// 输出 false
console.log(dP2.test("2017-15-11"));
// 输出 false
console.log(dP2.test("2017-02-29"));

五、Email正则

1、基本Email正则

var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/;
// 输出 true
console.log(pattern.test('cn30ke@163.com'));
// 输出 true
console.log(pattern.test('ifat3@sina.com.cn'));
// 输出 true
console.log(pattern.test('ifat3.it@163.com'));
// 输出 true
console.log(pattern.test('ifat3_-.@30ke.cn'));
// 输出 false
console.log(pattern.test('ifat3@30ke.online'));
// 输出 false
console.log(pattern.test('毛瑞@30ke.cn'));

基本Email正则是最常用的验证方式,也适合大多数的应用场景。从以上测试可以看出,该表达式不支持.online及.store结尾的域名。如需兼容这类域名(大于4位),调整正则结尾{2,4}的限制部分即可(例:{2,8})。另一个问题是Email用户名不能包括中文;

2、中文名Email正则

根据前一正则中的问题,追加两条规则如下:

  • 用户名可以包括中文 [\u4e00-\u9fa5]
  • 域名结尾最长可为8位 {2,8}
var pattern = /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/;
// 输出 true
console.log(pattern.test('cn30ke@163.com'));
// 输出 true
console.log(pattern.test('ifat3@sina.com.cn'));
// 输出 true
console.log(pattern.test('ifat3.it@163.com'));
// 输出 true
console.log(pattern.test('ifat3_-.@30ke.cn'));
// 输出 true
console.log(pattern.test('ifat3@30ke.online'));
// 输出 true
console.log(pattern.test('毛瑞@30ke.cn'));

3、特定域名Email正则

在手机验证码出现之前,差不多邮箱验证是保证用户唯一性的唯一条件。而临时邮箱(也称10分钟邮箱或一次性邮箱)的出现,则使得邮箱验证及帐户激活这种机制失去了意义。而临时邮箱的地址是不可枚举的,我们只能才采取白名单的方式,只允许有限的邮箱域名通过验证。

var pattern = /^([A-Za-z0-9_\-\.])+\@(163.com|qq.com|30ke.cn)$/;
//输出 true
console.log(pattern.test('cn30ke@163.com'));
//输出 false
console.log(pattern.test('ifat3@sina.com.cn'));
//输出 true
console.log(pattern.test('ifat3.it@163.com'));
//输出 true
console.log(pattern.test('ifat3_-.@30ke.cn'));
//输出 false
console.log(pattern.test('ifat3@30ke.online'));
//输出 false
console.log(pattern.test('功课@30ke.cn'));
// 此方法虽然能保证验证安全性,但是如果白名单太长会造成模式字符串太长。这时可以将邮箱域名白名单写成数组,利用正则表达式做初步验证,用白名单做域名的二次验证;

常用域名白名单数组:

var domains= ["qq.com","163.com","vip.163.com","263.net","yeah.net","sohu.com","sina.cn","sina.com","eyou.com","gmail.com","hotmail.com"];

上述白名单只列举了常用的11种邮箱域名;

六、手机号码正则

// 手机号正则
var mPattern = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/;
// 输出 true
console.log(mPattern.test("18600000000"));

七、身份证号正则

// 身份证号(18位)正则
var cP = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
// 输出 true
console.log(cP.test("11010519880605371X"));

八、URL正则

// URL正则
var urlP= /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
// 输出 true
console.log(urlP.test("http://30ke.cn"));

九、IP地址

1、IPv4地址正则

// ipv4地址正则
var ipP = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
// 输出 true
console.log(ipP.test("115.28.47.26"));

2、 IPv6地址正则

// IPV6正则
var pattern = /(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))/;
// 输出 true
console.log(pattern.test("fe80:0000:0000:0000:0204:61ff:fe9d:f156"));

十、十六进制颜色正则

// RGB Hex颜色正则
var cPattern = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
// 输出 true
console.log(cPattern.test("#b8b8b8"));

十一、QQ号码正则

// QQ号正则,5至11位
var qqPattern = /^[1-9][0-9]{4,10}$/;
// 输出 true
console.log(qqPattern.test("65974040"));

十二、微信号正则

// 微信号正则,6至20位,以字母开头,字母,数字,减号,下划线
var wxPattern = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
// 输出 true
console.log(wxPattern.test("RuilongMao"));

十三、车牌号正则

// 车牌号正则
var cPattern = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;
// 输出 true
console.log(cPattern.test("京K39006"));

十四、包含中文正则

//包含中文正则
var cnPattern = /[\u4E00-\u9FA5]/;
//输出 true
console.log(cnPattern.test("30课"));


感谢作者

三十课毛瑞
链接:http://www.imooc.com/article/285764

 

 

这篇关于常用JavaScript正则表达式(regexp)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

JVM 的类初始化机制

前言 当你在 Java 程序中new对象时,有没有考虑过 JVM 是如何把静态的字节码(byte code)转化为运行时对象的呢,这个问题看似简单,但清楚的同学相信也不会太多,这篇文章首先介绍 JVM 类初始化的机制,然后给出几个易出错的实例来分析,帮助大家更好理解这个知识点。 JVM 将字节码转化为运行时对象分为三个阶段,分别是:loading 、Linking、initialization

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

浅析Spring Security认证过程

类图 为了方便理解Spring Security认证流程,特意画了如下的类图,包含相关的核心认证类 概述 核心验证器 AuthenticationManager 该对象提供了认证方法的入口,接收一个Authentiaton对象作为参数; public interface AuthenticationManager {Authentication authenticate(Authenti

Spring Security--Architecture Overview

1 核心组件 这一节主要介绍一些在Spring Security中常见且核心的Java类,它们之间的依赖,构建起了整个框架。想要理解整个架构,最起码得对这些类眼熟。 1.1 SecurityContextHolder SecurityContextHolder用于存储安全上下文(security context)的信息。当前操作的用户是谁,该用户是否已经被认证,他拥有哪些角色权限…这些都被保

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式Factory工厂模式Singleton单例模式Delegate委派模式Strategy策略模式Prototype原型模式Template模板模式 Spring5 beans 接口实例化代理Bean操作 Context Ioc容器设计原理及高级特性Aop设计原理Factorybean与Beanfactory Transaction 声明式事物

Java进阶13讲__第12讲_1/2

多线程、线程池 1.  线程概念 1.1  什么是线程 1.2  线程的好处 2.   创建线程的三种方式 注意事项 2.1  继承Thread类 2.1.1 认识  2.1.2  编码实现  package cn.hdc.oop10.Thread;import org.slf4j.Logger;import org.slf4j.LoggerFactory