Web?前端常用正則校驗(yàn)規(guī)則整理(常用示例)

更新時(shí)間：2023年05月27日 11:18:04 作者：飛仔FeiZai

這篇文章主要介紹了Web前端常用正則校驗(yàn)規(guī)則,本文給大家整理一些常見(jiàn)的示例供大家學(xué)習(xí)參考，需要的朋友可以參考下

Web 前端常用正則校驗(yàn)規(guī)則

作為 Web 前端開(kāi)發(fā)，常用的正則校驗(yàn)規(guī)則有很多。下面是一些常見(jiàn)的示例：

1. 校驗(yàn)手機(jī)號(hào)碼

手機(jī)號(hào)碼的正則表達(dá)式可以根據(jù)不同國(guó)家和地區(qū)的手機(jī)號(hào)碼格式進(jìn)行調(diào)整。以下是中國(guó)大陸的手機(jī)號(hào)碼正則表達(dá)式：

const regex = /^1[3456789]\d{9}$/;

在這個(gè)示例中，正則表達(dá)式 ^1[3456789]\d{9}$ 表示：

^ 表示匹配字符串的開(kāi)頭。
1 表示必須以數(shù)字 1 開(kāi)頭。
[3456789] 表示第二位必須是 3、4、5、6、7、8 或 9 中的一個(gè)。
\d{9} 表示后面必須跟著 9 個(gè)數(shù)字。
$ 表示匹配字符串的結(jié)尾。

2. 校驗(yàn)郵箱地址

郵箱地址的正則表達(dá)式可以根據(jù)不同的郵箱服務(wù)提供商進(jìn)行調(diào)整。以下是一個(gè)通用的郵箱地址正則表達(dá)式：

const regex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

在這個(gè)示例中，正則表達(dá)式 ^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$ 表示：

^ 表示匹配字符串的開(kāi)頭。
\w+ 表示必須以一個(gè)或多個(gè)字母、數(shù)字或下劃線(xiàn)開(kāi)頭。
([-+.]\w+)* 表示可以包含一個(gè)或多個(gè)連字符、加號(hào)或點(diǎn)號(hào)，后面跟著一個(gè)或多個(gè)字母、數(shù)字或下劃線(xiàn)。
@ 表示必須包含一個(gè) @ 符號(hào)。
\w+ 表示必須包含一個(gè)或多個(gè)字母、數(shù)字或下劃線(xiàn)。
([-.]\w+)* 表示可以包含一個(gè)或多個(gè)連字符或點(diǎn)號(hào)，后面跟著一個(gè)或多個(gè)字母、數(shù)字或下劃線(xiàn)。
\. 表示必須包含一個(gè)點(diǎn)號(hào)。
\w+ 表示必須包含一個(gè)或多個(gè)字母、數(shù)字或下劃線(xiàn)。

3. 校驗(yàn)身份證號(hào)碼

身份證號(hào)碼的正則表達(dá)式可以根據(jù)不同的國(guó)家和地區(qū)進(jìn)行調(diào)整。以下是中國(guó)大陸身份證號(hào)碼的正則表達(dá)式：

const regex =
  /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}[0-9Xx]$/;
// 身份證號(hào)碼為15位或18位，15位時(shí)全為數(shù)字，18位前17位為數(shù)字，最后一位是校驗(yàn)位，可能為數(shù)字或字符X
// const regex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;

在這個(gè)示例中，正則表達(dá)式 ^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}[0-9Xx]$ 表示：

^ 表示匹配字符串的開(kāi)頭。
[1-9] 表示第一位必須是 1 到 9 中的一個(gè)。
\d{5} 表示后面必須跟著 5 個(gè)數(shù)字。
(19|20) 表示第七到第十位必須是 19 或 20。
\d{2} 表示第十一到第十二位必須是一個(gè)兩位數(shù)字。
(0[1-9]|1[012]) 表示第十三到第十四位必須是 01 到 12 中的一個(gè)。
(0[1-9]|[12]\d|3[01]) 表示第十五到第十六位必須是 01 到 31 中的一個(gè)。
\d{3} 表示第十七到第十九位必須是三個(gè)數(shù)字。
[0-9Xx] 表示最后一位可以是數(shù)字或大寫(xiě)字母 X。

4. 校驗(yàn)密碼強(qiáng)度

校驗(yàn)密碼強(qiáng)度通常需要考慮密碼的長(zhǎng)度、字符類(lèi)型和組合方式等因素。以下是一個(gè)簡(jiǎn)單的密碼強(qiáng)度正則表達(dá)式，要求密碼長(zhǎng)度為 6 到 20 個(gè)字符，且必須包含字母和數(shù)字：

const regex = /^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]{6,20})$/;

在這個(gè)示例中，正則表達(dá)式 ^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]{6,20})$ 表示：

^ 表示匹配字符串的開(kāi)頭。
(?=.*[0-9]) 表示必須包含至少一個(gè)數(shù)字。
(?=.*[a-zA-Z]) 表示必須包含至少一個(gè)字母。
([a-zA-Z0-9]{6,20}) 表示密碼長(zhǎng)度必須為 6 到 20 個(gè)字符，且只能包含字母和數(shù)字。
$ 表示匹配字符串的結(jié)尾。

5. 校驗(yàn) URL 地址

校驗(yàn) URL 地址通常需要考慮 URL 的協(xié)議、主機(jī)名、端口和路徑等部分。以下是一個(gè)簡(jiǎn)單的 URL 校驗(yàn)正則表達(dá)式：

const regex = /^(http|https):\/\/([\w-]+\.)+[\w-]+(:\d+)?(\/\S*)?$/;
// const regex =
//   /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;

在這個(gè)示例中，正則表達(dá)式 ^(http|https):\/\/([\w-]+\.)+[\w-]+(:\d+)?(\/\S*)?$ 表示：

^ 表示匹配字符串的開(kāi)頭。
(http|https) 表示必須以 http 或 https 開(kāi)頭。
:\/\/ 表示匹配冒號(hào)和雙斜杠。
([\w-]+\.)+[\w-]+ 表示匹配主機(jī)名，必須包含至少一個(gè)連字符或字母，后面跟著一個(gè)或多個(gè)字母、數(shù)字或連字符。
(:\d+)? 表示匹配可選的端口號(hào)，必須以冒號(hào)和一個(gè)或多個(gè)數(shù)字結(jié)尾。
(\/\S*)? 表示匹配可選的路徑，必須以斜杠開(kāi)頭，后面可以跟任意非空白字符。
$ 表示匹配字符串的結(jié)尾。

當(dāng)然，還有一些其他常用的正則校驗(yàn)規(guī)則，例如：

6. 校驗(yàn)郵政編碼

郵政編碼的正則表達(dá)式可以根據(jù)不同的國(guó)家和地區(qū)進(jìn)行調(diào)整。以下是中國(guó)大陸郵政編碼的正則表達(dá)式：

const regex = /^[1-9]\d{5}$/;

在這個(gè)示例中，正則表達(dá)式 ^[1-9]\d{5}$ 表示：

^ 表示匹配字符串的開(kāi)頭。
[1-9] 表示第一位必須是 1 到 9 中的一個(gè)。
\d{5} 表示后面必須跟著 5 個(gè)數(shù)字。
$ 表示匹配字符串的結(jié)尾。

7. 校驗(yàn) IP 地址

IP 地址的正則表達(dá)式可以根據(jù)不同的 IP 地址格式進(jìn)行調(diào)整。以下是一個(gè)簡(jiǎn)單的 IPv4 地址校驗(yàn)正則表達(dá)式：

const regex =
  /^([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])$/;

在這個(gè)示例中，正則表達(dá)式 ^([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])$ 表示：