這篇文章主要介紹了JavaScript中正規表示式的概念與JavaScript應用的相關資料,需要的朋友可以參考下,JavaScript中的正規表示式對我們今後的開發中會有很大的幫助的。
今天和大家分享一些關於正規表示式的知識和在javascript中的應用。正規表示式簡單卻又不簡單,比如以前我的老師給我們講的時候就說這個東西入門的話二三十分鐘就精通了,一旦沒有入門那就可幾天都補不回來。於是當初就很認真的學習並研究了它。沒想到正規表達式不僅程式碼簡潔,而且在實際的操作中為前端工程師省事了不少。總所周知,使用者在瀏覽頁面的時候,唯一和資料打交道的就是表單了,關於表單的驗證,其實有很多中方法,接下來,我就會給大家分享兩種,一種是普通繁瑣的方法,一種是正規表示式,看看它到底能夠為表單帶來什麼樣的效果吧。
先來看看普通版的:
個人感覺方法太土了,這是剛開始學習的時候做的簡單表單效果,沒有加CSS樣式表。
再看一下升級版的正規表示式:
#
##接下來一起了解一下正規表示式吧。
正規表示式是一個描述字元模式的物件又稱正規表示法、常規表示法正規表示式使用單一字串來描述、匹配一系列符合某個句法規則的字串。在許多文字編輯器裡,正規表示式通常被用來檢索、取代那些符合某個模式的文字。 正規表示式的特點是: 1.靈活性、邏輯性和功能性非常的強;2.可以迅速地用極簡單的方式達到字串的複雜控制。 3.對於剛接觸的人來說,比較晦澀難懂。 定義正規表示式1:普通方式varreg=/表達式/附加參數reg.test(v.value)2:
建構子方式
var reg=new RegExp("表达式","附加参数) var reg=new RegExp("china");表達式的模式1:
简单模式 var reg=/china/;表達式的模式 2:
符合模式 var reg=/^\w+$/; var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;{n}符合前一項n次{n,}匹配前一項n次,或多次{n,m}匹配前一項至少n次,但是不能超過m次*匹配前一項0次或多次,等價於{0,} +匹配前一項1次或多次,等價於{1,} ?配對前一項0次或1次,也就是說前一項是可選的,等價於{0,1}x|y 符合x或y。 例如,「z|food」能匹配「z」或「food」。 「(z|f)ood」則符合「zood」或「food」。 [xyz] 字元集合。匹配所包含的任意一個字元。例如,“[abc]”可以匹配“plain”中的“a”。 [a-z] 以上就是JavaScript中正規表示式的概念與應用_正規表示式的所有內容了,希望對有需要的朋友帶來幫助吧!
相關推薦:#
#以上是JavaScript中正規表示式的概念與應用_正規表示式的詳細內容。更多資訊請關注PHP中文網其他相關文章!