圖片

1. JavaScript如何正則判斷只能輸入數(shù)字

在JavaScript中，要使用正則表達(dá)式來判斷一個(gè)字符串是否只包含數(shù)字，可以使用以下方法：

function isNumeric(input) {
    return /^[0-9]+$/.test(input);
}

// 使用示例
console.log(isNumeric('123')); // 輸出: true
console.log(isNumeric('123abc')); // 輸出: false

這段代碼定義了一個(gè)isNumeric函數(shù)，它接受一個(gè)輸入?yún)?shù)input。函數(shù)內(nèi)部使用了正則表達(dá)式/^[0-9]+$/來檢查input是否全部由數(shù)字組成。

這里的正則表達(dá)式解釋如下：

• ^ 表示字符串的開始；
• [0-9] 是一個(gè)字符集，匹配任何數(shù)字（0到9）；
• + 表示前面的元素必須出現(xiàn)一次或多次；
• $ 表示字符串的結(jié)束。

.test(input) 方法會(huì)返回一個(gè)布爾值，如果input完全匹配這個(gè)正則表達(dá)式（即input只包含數(shù)字），則返回true，否則返回false。

2. JavaScript中的正則表達(dá)式

JavaScript中的正則表達(dá)式（Regular Expression，通常簡(jiǎn)寫為regex、regexp或RE）是一種強(qiáng)大的文本處理工具，它使用一種特殊語法來描述字符串模式。這種模式可以用來在文本中進(jìn)行搜索、匹配、替換等操作。

正則表達(dá)式本質(zhì)上是一個(gè)字符串，但是JavaScript引擎將其解釋為一種查找符合特定規(guī)則的字符串模式的指令。

2.1. 正則表達(dá)式的核心特點(diǎn)包括：

• 字符匹配：可以直接匹配單個(gè)字符，如字母、數(shù)字、特殊符號(hào)等。
• 元字符：具有特殊意義的字符，如.匹配任意單個(gè)字符（除換行符外）；*表示前面的元素可重復(fù)0次或多次；+表示前面的元素至少重復(fù)1次；?表示前面的元素可有可無等。
• 字符類：方括號(hào)[]用于定義一組可選字符，如[abc]匹配"a"、"b"或"c"。
• 量詞：控制匹配次數(shù)，如{n}表示匹配n次；{n,}表示至少匹配n次；{n,m}表示匹配n到m次。
• 位置匹配：^表示字符串的開始，$表示字符串的結(jié)束。
• 分組與捕獲：圓括號(hào)()用于分組和捕獲匹配的子串，便于后續(xù)引用或操作。
• 選擇：管道符|表示或的關(guān)系，用于匹配多個(gè)備選項(xiàng)之一。

正則表達(dá)式在JavaScript中通過構(gòu)造函數(shù)RegExp創(chuàng)建或直接使用字面量形式（兩個(gè)斜杠//包圍的模式字符串）來定義。例如：

• 構(gòu)造函數(shù)方式：var regex = new RegExp("\\d+", "g");
• 字面量方式：var regex = /\d+/g;

其中，\d是預(yù)定義字符類，匹配任何數(shù)字，+表示前面的數(shù)字可以出現(xiàn)一次或多次，g是一個(gè)標(biāo)志，表示全局匹配（即不局限于首次匹配）。

正則表達(dá)式廣泛應(yīng)用于表單驗(yàn)證、文本搜索、字符串替換等場(chǎng)景，是JavaScript開發(fā)中不可或缺的一部分。

3. JavaScript常用的驗(yàn)證場(chǎng)景

JavaScript中常用的正則表達(dá)式多種多樣，用于處理不同的字符串匹配和驗(yàn)證場(chǎng)景。

以下是一些常見的正則表達(dá)式例子及它們的應(yīng)用場(chǎng)景：

3.1. 只允許輸入數(shù)字:

/^[0-9]+$/

例如，驗(yàn)證一個(gè)輸入是否全為數(shù)字。

3.2. 郵箱驗(yàn)證:

/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/

用于驗(yàn)證電子郵件地址格式是否正確。

3.3. 網(wǎng)址URL驗(yàn)證:

/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/

驗(yàn)證輸入的字符串是否為合法的網(wǎng)址。

3.4. 身份證號(hào)碼驗(yàn)證:

/^1[3-9]\d{9}$/

適用于中國大陸身份證號(hào)碼的簡(jiǎn)單驗(yàn)證。

3.5. 手機(jī)號(hào)碼驗(yàn)證（中國大陸）:

/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/

驗(yàn)證手機(jī)號(hào)是否符合中國大陸手機(jī)號(hào)碼的基本格式。

3.6. 密碼強(qiáng)度驗(yàn)證（至少8位，包含數(shù)字和字母）:

/^\d{4}-\d{2}-\d{2}$/

用于確保密碼既包含字母也包含數(shù)字，并且長度至少為8位。

3.7. 日期格式驗(yàn)證（YYYY-MM-DD）:

/^[a-zA-Z0-9_\.](?!.*\.$)[a-zA-Z0-9_\.]*$/

確認(rèn)日期格式是否為年月日形式。

3.8. 用戶名驗(yàn)證（字母、數(shù)字、下劃線、點(diǎn)，不以點(diǎn)開始或結(jié)束）:

/^[\u4e00-\u9fa5]+$/

驗(yàn)證用戶名是否符合常規(guī)命名規(guī)范。

3.9. 中文字符驗(yàn)證:

/^[\u4e00-\u9fa5]+$/

用于檢查字符串是否全部由中文字符組成。

這些正則表達(dá)式覆蓋了一些基本的輸入驗(yàn)證需求，但請(qǐng)注意，在實(shí)際應(yīng)用中可能需要根據(jù)具體要求對(duì)它們進(jìn)行調(diào)整和優(yōu)化。

4. JavaScript正則匹配符

JavaScript中的正則表達(dá)式匹配符非常豐富，它們用于構(gòu)建復(fù)雜的模式來匹配特定的字符串結(jié)構(gòu)。下面是一些常用的正則表達(dá)匹配符及其意義和示例：

4.1. . (點(diǎn)) - 匹配任意單個(gè)字符（除了換行符）。

/a.b/  // 匹配 "acb", "a2b", "azb" 等，但不匹配 "ab"

4.2. ^ - 匹配字符串的開始。

/^Hello/  // 只匹配以 "Hello" 開頭的字符串

4.3. $ - 匹配字符串的結(jié)束。

/world$/  // 只匹配以 "world" 結(jié)尾的字符串

4.4. * - 匹配前面的元素零次或多次。

/a*b/  // 匹配 "b", "ab", "aab", "aaab" 等

4.5. + - 匹配前面的元素一次或多次。

/a+b/  // 匹配 "ab", "aab", "aaab" 等，但不匹配 "b"

4.6. ? - 匹配前面的元素零次或一次。

/colou?r/  // 匹配 "color" 或 "colour"

4.7. {n} - 匹配前面的元素恰好n次。

/a{2}b/  // 匹配 "aab"

4.8. {n,} - 匹配前面的元素至少n次。

/a{2,}b/  // 匹配 "aab", "aaab", "aaaab" 等

4.9. {n,m} - 匹配前面的元素至少n次，但不超過m次。

/a{2,3}b/  // 匹配 "aab" 或 "aaab"

4.10. | - 選擇符，匹配左邊或右邊的表達(dá)式。

cat|dog  // 匹配 "cat" 或 "dog"

4.11. [] - 字符集，匹配括號(hào)內(nèi)的任何一個(gè)字符。

[abc]  // 匹配 "a", "b", 或 "c"

4.12. [^] - 否定字符集，匹配不在括號(hào)內(nèi)的任何一個(gè)字符。

[^abc]  // 匹配除 "a", "b", "c" 之外的任何字符

4.13. \ - 轉(zhuǎn)義字符，用于匹配特殊字符本身。

\.  // 匹配 "." 字符本身

4.14. () - 分組，用于捕獲匹配的子串或定義子表達(dá)式。

(abc)+  // 匹配 "abc", "abcabc", "abcabcabc" 等

4.15. (?:) - 非捕獲分組，不捕獲匹配的子串，僅用于組合。

(?:abc)+  // 組合但不捕獲匹配的 "abc"

這些只是正則表達(dá)式的一部分匹配符。

實(shí)際上正則表達(dá)式還支持更多高級(jí)特性，如預(yù)查（lookahead/lookbehind）、反向引用、Unicode屬性轉(zhuǎn)義等，能夠滿足各種復(fù)雜的文本處理需求。