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)的日期格式:先以?xún)晌粩?shù)表示日,再以?xún)晌粩?shù)表示月,最后以四位數(shù)表示年,期間以斜線分隔。
MM/DD/YYYY
博主:怎樣設(shè)計(jì)出驗(yàn)證日期是否符合格式的代碼呢?
先來(lái)看一下驗(yàn)證日期格式的邏輯吧
將表單域中的值取出,以“/”來(lái)分割字符串為數(shù)組
分析“月”子字符串,是否是只有兩個(gè)字符,并且都是數(shù)字
分析“日”子字符串,是否是只有兩個(gè)字符,并且都是數(shù)字
分析“年”子字符串,是否是只有四個(gè)字符,并且都是數(shù)字
滿(mǎn)足以上條件,還要判斷輸入的數(shù)據(jù)是否只有兩個(gè)斜線,如果多于兩條斜線,之后的內(nèi)容要忽略
博主:不用怕,Javascript它是相當(dāng)強(qiáng)大的,它為開(kāi)發(fā)者提供了一個(gè)強(qiáng)大的內(nèi)置工具--正則表達(dá)式
它專(zhuān)門(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í)小編就給大家介紹這么多