Javascript的表單驗證-初識Regex_javascript技巧

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

Javascript的表單驗證-提交表單

Javascript的表單驗證-揭開Regex的面紗

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

驗證日期

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

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

MM/DD/YYYY

博主：怎樣設計出驗證日期是否符合格式的代碼呢？

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

將表單域中的值取出，以“/”來分割字串為數組

分析“月”子字串，是否是只有兩個字元，並且都是數字

分析“日”子字串，是否是只有兩個字元，並且都是數字

分析“年”子字串，是否是只有四個字元，並且都是數字

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

博主：不用怕，Javascript它是相當強大的，它為開發人員提供了一個強大的內建工具－－Regex

它專門用於匹配文字模式

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

現在來看一個小例子

匹配模式＝/^\d{5}$/

等號後面的這個字元就是下則運算式

第一個斜線和最後一個斜線：”/”Regex均以斜線圍起

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

第三個字元：”\d”代表一個數字

第四個字元：”{5}”唯一的數字必須重複5次

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

好吧，有關Javascript的表單驗證-初識Regex的知識小編就給大家介紹這麼多，下節將為你揭開Regex的面紗。更多內容敬請關注云棲社區網站！