Javascript的表單驗證-初識正則表達式
推薦閱讀:Javascript的表單驗證長度
JavaScript 可用來在數(shù)據(jù)被送往服務(wù)器前對 HTML 表單中的這些輸入數(shù)據(jù)進行驗證。
驗證日期
日期的格式相對特別,不能光憑其長度來驗證
常見的日期格式:先以兩位數(shù)表示日,再以兩位數(shù)表示月,最后以四位數(shù)表示年,期間以斜線分隔。
MM/DD/YYYY
博主:怎樣設(shè)計出驗證日期是否符合格式的代碼呢?
先來看一下驗證日期格式的邏輯吧
將表單域中的值取出,以“/”來分割字符串為數(shù)組
分析“月”子字符串,是否是只有兩個字符,并且都是數(shù)字
分析“日”子字符串,是否是只有兩個字符,并且都是數(shù)字
分析“年”子字符串,是否是只有四個字符,并且都是數(shù)字
滿足以上條件,還要判斷輸入的數(shù)據(jù)是否只有兩個斜線,如果多于兩條斜線,之后的內(nèi)容要忽略
博主:不用怕,Javascript它是相當(dāng)強大的,它為開發(fā)者提供了一個強大的內(nèi)置工具--正則表達式
它專門用于匹配文本模式
它就像一位眼睛發(fā)亮的警察,時刻觀察著嫌疑犯的一舉一動,一旦犯法,就將壞人揪出來╮(╯▽╰)╭
現(xiàn)在來看一個小例子
匹配模式=/^\d{5}$/
等于號后面的這個字符就是下則表達式
第一個斜線和最后一個斜線:”/”正則表達式均以斜線圍起
第二個字符:”^”字符必須以指定的模式起始,不可使用數(shù)字
第三個字符:”\d”代表一個數(shù)字
第四個字符:”{5}”唯一的數(shù)字必須重復(fù)5次
第五個字符:”$”字符串以指定的模式結(jié)束
好吧,有關(guān)Javascript的表單驗證-初識正則表達式的知識小編就給大家介紹這么多,下節(jié)將為你揭開正則表達式的面紗。更多內(nèi)容敬請關(guān)注腳本之家網(wǎng)站!
相關(guān)文章
firefox瀏覽器下javascript 拖動層效果與原理分析代碼
這篇文章主要給大家介紹了關(guān)于在firefox瀏覽器下如何利用javascript實現(xiàn)拖動層效果,以及其中的原理分析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,下面來一起看看吧2007-12-12javascript ES6 Template String模板字符串使用方法
這篇文章主要介紹了javascript ES6 模板字符串(Template String)是增強版的字符串,用反引號(`)標(biāo)識,它可以當(dāng)作普通字符串使用,也可以用來定義多行字符串,或者在字符串中嵌入變量,需要的朋友可以參考下2023-06-06基于MooTools的很有創(chuàng)意的滾動條時鐘動畫
一款很有創(chuàng)意的時鐘js動畫.是利用系統(tǒng)滾動條來構(gòu)成一個 時:分:秒 的盤. 再利用滾動條的長度變化做過渡動畫.2010-11-11使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解
這篇文章主要介紹了使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06