首頁 >web前端 >js教程 >Javascript的表單驗證-初識正規表示式_javascript技巧

Javascript的表單驗證-初識正規表示式_javascript技巧

WBOY
WBOY原創
2016-05-16 15:10:121443瀏覽

推薦閱讀:Javascript的表單驗證長度

Javascript的表單驗證-提交表單

Javascript的表單驗證-揭開正規表示式的面紗

JavaScript 可用於在資料被送到伺服器前對 HTML 表單中的這些輸入資料進行驗證。

驗證日期

日期的格式相對特別,不能光憑其長度來驗證

常見的日期格式:先以兩位數表示日,再以兩位數表示月,最後以四位數表示年,期間以斜線分隔。

MM/DD/YYYY

部落客:怎麼設計出驗證日期是否符合格式的程式碼?

先來看看驗證日期格式的邏輯吧

將表單域中的值取出,以「/」來分割字串為陣列

分析「月」子字串,是否是只有兩個字符,且都是數字

分析「日」子字串,是否是只有兩個字符,並且都是數字

分析「年」子字串,是否是只有四個字符,而且都是數字

滿足以上條件,還要判斷輸入的資料是否只有兩條斜線,如果多於兩條斜線,之後的內容要忽略

部落客:不用害怕,Javascript它是相當強大的,它為開發者提供了一個強大的內建工具-正規表示式

它專門用於匹配文字模式

它就像一位眼睛發亮的警察,時刻觀察著嫌疑犯的一舉一動,一旦犯法,就將壞人揪出來╮(╯▽╰)╭

現在來看一個小例子

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

等於號後面的這個字元就是下則表達式

第一個斜線和最後一個斜線:”/”正規表示式皆以斜線圍起

第二個字元:”^”字元必須以指定的模式起始,不可使用數字

第三個字元:”d”代表一個數字

第四個字元:"{5}」唯一的數字必須重複5次

第五個字元:”$”字串以指定的模式結束

好吧,有關Javascript的表單驗證-初識正規表示式的知識小編就給大家介紹這麼多,下節將為你揭開正規表達式的面紗。更多內容敬請關注腳本之家網站!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn