Home Backend Development PHP Tutorial The most comprehensive summary of commonly used regular expressions on the front end

The most comprehensive summary of commonly used regular expressions on the front end

Dec 05, 2017 pm 02:13 PM
Commonly used regular expression

我们会经常使用到正则表达式,但是又很难记住。这篇文章,我将介绍下简单的正则表达式知识,然后总结前端开发中常用的正则表达式大全,需要的的朋友参考下。

前言

正则这东西吧,感觉是开发的都会接触到一些..

那些所谓的基础语法就不说了哈,一搜一大把,来点实际的.

我这里就分享下我工作中汇总和遇到的,希望对一些小伙伴有些许帮助哈!!

正则汇总

匹配URL

1

2

3

4

5

6

7

8

9

10

11

12

13

14

const regexURL = /((https?|ftp)?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi;

// 这条正则可以匹配这么一坨格式的url

//www.baidu.com

//http://www.baidu.com

//https://www.baidu.com

//baidu.com

//test.baidu.com 

//gds.baidu.com

//ftp://www.baidu.com

// ---- 分割线 ----

// 也许有小伙伴不需要匹配这么一大坨,只要匹配http和https,上面的改写一下就好了

const regexURL = /(https?:\/\/)(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi;

//http://www.baidu.com

//https://www.baidu.com

Copy after login

匹配中国身份证不大靠谱版

1

2

3

4

5

6

7

8

9

10

// 为什么说不靠谱,是因为单单正则没法实现区域结合出生日期的判断这种很精准的识别

const regexCHINAIDCARD = /^((1[1-5])|(2[1-3])|(3[1-7])|(4[1-6])|(5[0-4])|(6[1-5])|71|(8[12])|91)\d{4}((19\d{2}(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(19\d{2}(0[13578]|1[02])31)|

(19\d{2}02(0[1-9]|1\d|2[0-8]))|(19([13579][26]|[2468][048]|0[48])0229))\d{3}(\d|X|x)?$/gi;

// 可以匹配这么一堆身份证,身份证号码都是网络搜索的,一搜一堆

//230381198104143414

//650201199007186135

//460106197707275739

//44200019860325932X

//43052819880216450X

//654223197502255401

Copy after login

匹配数字,整数,浮点~~~

1

2

3

4

5

6

7

8

// 这货只会匹配正整数

const regexInteger = /^\d+$/gi;

// 肯定有人想问,范围性的整数呢,看我改下,比如0-100

const regexRangeInteger = /^\d$|^[1-9]\d$|^100$/gi;

// 匹配小数呢,不限定范围的

const regexFloat = /^\d+\.\d+$/gi

// 倘若要限定呢,比如还是那个,0~100的任意整数和浮点数

const regexRangeIntFloat = /^(\d{0,2}(\.\d+)?|100(\.0+)?)$/gi;

Copy after login

匹配手机号码

1

2

// 不含卫星电话这些,只是罗列的常见的手机范围,也考虑了区域和长途前缀

const regexMobileNumber = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/gi;

Copy after login

匹配邮箱

1

2

3

4

5

6

7

8

9

10

const regexEmail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9_]+\.)+[a-zA-Z]{2,}))$/gi

// 已经不靠谱的测试了这么几种写法的邮箱格式都通过了

//cc011@qq.com

//fsdlk@dd-fad.cn

//df_fs2.q@jd-f.com

//crklej-dsfj@132.com

//fdfkj@aa_fslkdfj.com.cn

//d390.fslk@qq.com

//1100@gmail.cn

//sflk-98_dsf@qq_fsk.com

Copy after login

加强版密码设置规范

1

2

// 必须含有大小写字母,数字及特殊符号,长度8~24

const regexEnhancePassword = /^(?!\s)((?=.*[a-zA-Z])(?=.*[a-z])(?=.*[A-Z])(?=.*[\W_]).\S{8,24})$/g;

Copy after login

中国车牌号校验

const regexCarLicense = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/g;

匹配QQ号,微信号

1

2

3

4

5

6

7

8

// QQ在我印象中好像一直都是纯数字,现在好像发展到11位了,好像最初是从100000开始的

const regexQQNumber = /^[1-9]\d{5,10}$/gi;

// 特意去查了下最新的微信号的规则

//1、微信号是微信的唯一凭证,只能设置1次;

//2、可使用6-20个字母、数字、下划线和减号;

//3、必须以字母开头(字母不区分大小写);

//4、不支持设置中文。

const regexWeChatNumber = /^[A-Za-z][\w-]{5,19}$/gi;

Copy after login

用户名规范

1

2

3

4

5

6

// 普通版,英文+数字,必须字母开头,允许下划线,长度八到十六

const regexNormalUsername = /^[a-zA-Z]\w{7,15}$/gi;

// 在这个基础上允许中文四到六个字符

const regexE1 = /^[\u4e00-\u9fa5]{4,6}$|^[a-zA-Z]\w{7,15}$/gi;

// 多重复用版本,允许手机,邮箱,中文,这个若是写成一个的话,用分组的写法就好了

// 不过很长很长,,,推荐用if...else ...来拆分,,就三个正则....

Copy after login

以上内容就是关于前端常用正则表达式汇总,希望能帮助到大家。

相关推荐:

史上最全的PHP正则表达式_正则表达式

正则表达式的的实现步骤

PHP正则表达式合集

The above is the detailed content of The most comprehensive summary of commonly used regular expressions on the front end. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to match multiple words or strings using Golang regular expression? How to match multiple words or strings using Golang regular expression? May 31, 2024 am 10:32 AM

Golang regular expressions use the pipe character | to match multiple words or strings, separating each option as a logical OR expression. For example: matches "fox" or "dog": fox|dog matches "quick", "brown" or "lazy": (quick|brown|lazy) matches "Go", "Python" or "Java": Go|Python |Java matches words or 4-digit zip codes: ([a-zA

How to replace a string starting with something with php regular expression How to replace a string starting with something with php regular expression Mar 24, 2023 pm 02:57 PM

PHP regular expressions are a powerful tool for text processing and conversion. It can effectively manage text information by parsing text content and replacing or intercepting it according to specific patterns. Among them, a common application of regular expressions is to replace strings starting with specific characters. We will explain this as follows

Learn the canvas framework and explain the commonly used canvas framework in detail Learn the canvas framework and explain the commonly used canvas framework in detail Jan 17, 2024 am 11:03 AM

Explore the Canvas framework: To understand what are the commonly used Canvas frameworks, specific code examples are required. Introduction: Canvas is a drawing API provided in HTML5, through which we can achieve rich graphics and animation effects. In order to improve the efficiency and convenience of drawing, many developers have developed different Canvas frameworks. This article will introduce some commonly used Canvas frameworks and provide specific code examples to help readers gain a deeper understanding of how to use these frameworks. 1. EaselJS framework Ea

Spring Annotation Revealed: Analysis of Common Annotations Spring Annotation Revealed: Analysis of Common Annotations Dec 30, 2023 am 11:28 AM

Spring is an open source framework that provides many annotations to simplify and enhance Java development. This article will explain commonly used Spring annotations in detail and provide specific code examples. @Autowired: Autowired @Autowired annotation can be used to automatically wire beans in the Spring container. When we use the @Autowired annotation where dependencies are required, Spring will find matching beans in the container and automatically inject them. The sample code is as follows: @Auto

How to use regular expressions to remove Chinese characters in php How to use regular expressions to remove Chinese characters in php Mar 03, 2023 am 10:12 AM

How to remove Chinese in PHP using regular expressions: 1. Create a PHP sample file; 2. Define a string containing Chinese and English; 3. Use "preg_replace('/([\x80-\xff]*)/i', '',$a);" The regular method can remove Chinese characters from the query results.

How to use regular matching to remove html tags in php How to use regular matching to remove html tags in php Mar 21, 2023 pm 05:17 PM

In this article, we will learn how to remove HTML tags and extract plain text content from HTML strings using PHP regular expressions. To demonstrate how to remove HTML tags, let's first define a string containing HTML tags.

How to verify if a URL is HTTPS protocol using PHP regex How to verify if a URL is HTTPS protocol using PHP regex Jun 24, 2023 am 08:16 AM

Website security has attracted more and more attention, and using the HTTPS protocol to ensure the security of data transmission has become an important part of current website development. In PHP development, how to use regular expressions to verify whether the URL is HTTPS protocol? here we come to find out. Regular expression Regular expression is an expression used to describe rules. It is a powerful tool for processing text and is widely used in text matching, search and replacement. In PHP development, we can use regular expressions to match http in the URL

What are the commonly used encryption algorithms in PHP? What are the commonly used encryption algorithms in PHP? May 12, 2023 pm 06:51 PM

With the development of the Internet, data security has become a serious issue that we must pay attention to in our daily work. Encryption becomes especially important when it comes to sensitive personal information or business data. In PHP development, some encryption algorithms are widely used. Let's take a look at the encryption algorithms commonly used in PHP. 1. Base64 encoding Base64 encoding is often used to transmit binary data in web pages or emails, because web pages or emails can only transmit string type data and cannot directly transmit binary data. Base64 is a solution

See all articles