DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript的表單驗證-初識正則表達式
Javascript的表單驗證-初識正則表達式
編輯:關於JavaScript     

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

Javascript的表單驗證-提交表單

Javascript的表單驗證-揭開正則表達式的面紗

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

驗證日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

博主:不用怕,Javascript它是相當強大的,它為開發者提供了一個強大的內置工具--正則表達式

它專門用於匹配文本模式

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

現在來看一個小例子

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

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

第一個斜線和最後一個斜線:”/”正則表達式均以斜線圍起

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

第三個字符:”\d”代表一個數字

第四個字符:”{5}”唯一的數字必須重復5次

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved