JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。接下來(lái)通過(guò)本文給大家介紹Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式，對(duì)js表單驗(yàn)證正則表達(dá)式相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧

JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。

驗(yàn)證日期

日期的格式相對(duì)特別，不能光憑其長(zhǎng)度來(lái)驗(yàn)證

常見(jiàn)的日期格式：先以兩位數(shù)表示日，再以兩位數(shù)表示月，最后以四位數(shù)表示年，期間以斜線分隔。

MM/DD/YYYY

博主：怎樣設(shè)計(jì)出驗(yàn)證日期是否符合格式的代碼呢?

先來(lái)看一下驗(yàn)證日期格式的邏輯吧

將表單域中的值取出，以“/”來(lái)分割字符串為數(shù)組

分析“月”子字符串，是否是只有兩個(gè)字符，并且都是數(shù)字

分析“日”子字符串，是否是只有兩個(gè)字符，并且都是數(shù)字

分析“年”子字符串，是否是只有四個(gè)字符，并且都是數(shù)字

滿足以上條件，還要判斷輸入的數(shù)據(jù)是否只有兩個(gè)斜線，如果多于兩條斜線，之后的內(nèi)容要忽略

博主：不用怕，Javascript它是相當(dāng)強(qiáng)大的，它為開(kāi)發(fā)者提供了一個(gè)強(qiáng)大的內(nèi)置工具--正則表達(dá)式

它專門(mén)用于匹配文本模式

它就像一位眼睛發(fā)亮的警察，時(shí)刻觀察著嫌疑犯的一舉一動(dòng)，一旦犯法，就將壞人揪出來(lái)╮(╯▽╰)╭

現(xiàn)在來(lái)看一個(gè)小例子

匹配模式=/^/d{5}$/

等于號(hào)后面的這個(gè)字符就是下則表達(dá)式

第一個(gè)斜線和最后一個(gè)斜線：”/”正則表達(dá)式均以斜線圍起

第二個(gè)字符：”^”字符必須以指定的模式起始，不可使用數(shù)字

第三個(gè)字符：”/d”代表一個(gè)數(shù)字

第四個(gè)字符：”{5}”唯一的數(shù)字必須重復(fù)5次

第五個(gè)字符：”$”字符串以指定的模式結(jié)束

好吧，有關(guān)Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式的知識(shí)小編就給大家介紹這么多，下節(jié)將為你揭開(kāi)正則表達(dá)式的面紗。更多內(nèi)容敬請(qǐng)關(guān)注VeVb武林網(wǎng)網(wǎng)站!