本文實(shí)例講述了正則表達(dá)式基本語法及表單驗(yàn)證操作。分享給大家供大家參考，具體如下：

正則表達(dá)式是一種可以用于模式匹配和替換的強(qiáng)有力的工具，是數(shù)據(jù)的有效性驗(yàn)證。

一、基本語法

位于“/”定界符之間的部分就是將要在目標(biāo)對象中進(jìn)行匹配的模式。用戶只要把希望查找匹配對象的模式內(nèi)容放入“/”定界符之間即可。為了能夠使用戶更加靈活的定制模式內(nèi)容，正則表達(dá)式提供了專門的“元字符”。所謂元字符就是指那些在正則表達(dá)式中具有特殊意義的專用字符，可以用來規(guī)定其前導(dǎo)字符(即位于元字符前面的字符)在目標(biāo)對象中的出現(xiàn)模式。

1. 較為常用的元字符包括： “+”， “*”，以及 “?”。

“+”元字符規(guī)定其前導(dǎo)字符必須在目標(biāo)對象中連續(xù)出現(xiàn)一次或多次。
“*”元字符規(guī)定其前導(dǎo)字符必須在目標(biāo)對象中出現(xiàn)零次或連續(xù)多次。
“?”元字符規(guī)定其前導(dǎo)對象必須在目標(biāo)對象中連續(xù)出現(xiàn)零次或一次。

例：

/fo+/因?yàn)檎齽t表達(dá)式中包含“+”元字符，表示可以與目標(biāo)對象中的 “fool”,“fo”,或“football”等在字母f后面連續(xù)出現(xiàn)一個(gè)或多個(gè)字母o的字符串相匹配。
/eg*/因?yàn)檎齽t表達(dá)式中包含“*”元字符，表示可以與目標(biāo)對象中的 “easy”,“ego”,或“egg”等在字母e后面連續(xù)出現(xiàn)零個(gè)或多個(gè)字母g的字符串相匹配。
/Wil?/因?yàn)樯鲜稣齽t表達(dá)式中包含“?”元字符，表示可以與目標(biāo)對象中的 “Win”,或“Wilson”,等在字母i后面連續(xù)出現(xiàn)零個(gè)或一個(gè)字母l的字符串相匹配。

2. 有時(shí)候不知道要匹配多少字符。為了能適應(yīng)這種不確定性，正則表達(dá)式支持限定符的概念。這些限定符可以指定正則表達(dá)式的一個(gè)給定組件 必須要出現(xiàn)多少次才能滿足匹配。

{n} n是一個(gè)非負(fù)整數(shù)。匹配確定的n次。例'o{2}'不能匹配”Bob”中的 ‘o'，但是能匹配”food”中的兩個(gè)o。
{n,} n是一個(gè)非負(fù)整數(shù)。至少匹配n次。例'o{2,}'不能匹配”Bob”中的 ‘o'，但能匹配”fooood”中的所有o。'o{1,}'等價(jià)于'o+'。'o{0,}'則等價(jià)于'o*'。
{n,m} m和n均為非負(fù)整數(shù)，其中n<=m。最少匹配n次且最多匹配m次。例”o{1,3}”將匹配”foooood”中的前三個(gè)o。'o{0,1}'等價(jià)于'o?'

請注意在逗號和兩個(gè)數(shù)之間不能有空格。

3.幾個(gè)重要的元字符的使用方式：

\s：用于匹配單個(gè)空格符，包括tab鍵和換行符;
\S：用于匹配除單個(gè)空格符之外的所有字符;
\d：用于匹配從0到9的數(shù)字;
\w：用于匹配字母，數(shù)字或下劃線字符;
\W：用于匹配所有與\w不匹配的字符;
. ：用于匹配除換行符之外的所有字符。

(說明：我們可以把\s和\S以及\w和\W看作互為逆運(yùn)算)

/\s+/ 上述正則表達(dá)式可以用于匹配目標(biāo)對象中的一個(gè)或多個(gè)空格字符。
/\d000/　如果我們手中有一份復(fù)雜的財(cái)務(wù)報(bào)表，那么我們可以通過上述正則表達(dá)式輕而易舉的查找到所有總額達(dá)千元的款項(xiàng)。

4.除了我們以上所介紹的元字符之外，正則表達(dá)式中還具有另外一種較為獨(dú)特的專用字符，即定位符。定位符用于規(guī)定匹配模式在目標(biāo)對象中的出現(xiàn)位置。 較為常用的定位符包括： “^”, “$”, “\b” 以及 “\B”。

“^”定位符規(guī)定匹配模式必須出現(xiàn)在目標(biāo)字符串的開頭
“$”位符規(guī)定匹配模式必須出現(xiàn)在目標(biāo)對象的結(jié)尾
“\b”定位符規(guī)定匹配模式必須出現(xiàn)在目標(biāo)字符串的開頭或結(jié)尾的兩個(gè)邊界之一
“\B”定位符則規(guī)定匹配對象必須位于目標(biāo)字符串的開頭和結(jié)尾兩個(gè)邊界之內(nèi)，即匹配對象既不能作為目標(biāo)字符串的開頭，也不能作為結(jié)尾。
同樣，我們也可以把“^”和“$”以及“\b”和“\B”看作是互為逆運(yùn)算的兩組定位符。
舉例來說： /^hell/　因?yàn)樯鲜稣齽t表達(dá)式中包含“^”定位符，所以可以與目標(biāo)對象中以 “hell”, “hello”或“hellhound”開頭的字符串相
匹配。 /ar$/　因?yàn)樯鲜稣齽t表達(dá)式中包含“$”定位符，所以可以與目標(biāo)對象中以 “car”, “bar”或 “ar” 結(jié)尾的字符串相匹配。
/\bbom/　因?yàn)樯鲜稣齽t表達(dá)式模式以“\b”定位符開頭，所以可以與目標(biāo)對象中以 “bomb”, 或 “bom”開頭的字符串相匹配。
/man\b/因?yàn)樯鲜稣齽t表達(dá)式模式以“\b”定位符結(jié)尾，所以可以與目標(biāo)對象中以 “human”, “woman”或 “man”結(jié)尾的字符串相匹配。

說明：

為了能夠方便用戶更加靈活的設(shè)定匹配模式，正則表達(dá)式允許使用者在匹配模式中指定某一個(gè)范圍而不局限于具體的字符。例如：
/[A-Z]/上述正則表達(dá)式將會與從A到Z范圍內(nèi)任何一個(gè)大寫字母相匹配。
/[a-z]/上述正則表達(dá)式將會與從a到z范圍內(nèi)任何一個(gè)小寫字母相匹配。
/[0-9]/ 　上述正則表達(dá)式將會與從0到9范圍內(nèi)任何一個(gè)數(shù)字相匹配。
/([a-z][A-Z][0-9])+/　上述正則表達(dá)式將會與任何由字母和數(shù)字組成的字符串，如 “aB0” 等相匹配。

這里需要提醒用戶注意的一點(diǎn)就是可以在正則表達(dá)式中使用 “()” 把字符串組合在一起?！?)”符號包含的內(nèi)容必須同時(shí)出現(xiàn)在目標(biāo)對象中。

如果我們希望在正則表達(dá)式中實(shí)現(xiàn)類似編程邏輯中的“或”運(yùn)算，在多個(gè)不同的模式中任選一個(gè)進(jìn)行匹配的話，可以使用管道符 “|”。

正則表達(dá)式中還有一個(gè)較為常用的運(yùn)算符，即否定符 “[^]”。與我們前文所介紹的定位符 “^” 不同，否定符 “[^]”規(guī)定目標(biāo)對象中不能存在模式中所規(guī)定的字符串。

例如：/[^A-C]/上述字符串將會與目標(biāo)對象中除A，B，和C之外的任何字符相匹配。一般來說，當(dāng)“^”出現(xiàn)在 “[]”內(nèi)時(shí)就被視做否定運(yùn)算符;

而當(dāng)“^”位于“[]”之外，或沒有“[]”時(shí)，則應(yīng)當(dāng)被視做定位符。

最后，當(dāng)用戶需要在正則表達(dá)式的模式中加入元字符，并查找其匹配對象時(shí)，可以使用轉(zhuǎn)義符“\”。例如：/Th\*/上述正則表達(dá)式將會與目標(biāo)對象中的“Th*”而非“The”等相匹配。

二、使用實(shí)例

在JavaScript 1.2中帶有一個(gè)功能強(qiáng)大的RegExp()對象，可以用來進(jìn)行正則表達(dá)式的匹配操作。其中的test()方法可以檢驗(yàn)?zāi)繕?biāo)對象中是否

包含匹配模式，并相應(yīng)的返回true或false。

語法： re = new RegExp("pattern",["flags"])

re——必選項(xiàng)。將要賦值為正則表達(dá)式模式的變量名。
pattern——必選項(xiàng)。要使用的正則表達(dá)式模式。
flags——可選項(xiàng)。要用引號將 flag 引起來。標(biāo)志可以組合使用，可用的有：g (全文查找出現(xiàn)的所有 pattern)   i (忽略大小寫)   m (多行查找)

常用正則：

驗(yàn)證數(shù)字：^[0-9]*$
驗(yàn)證n位的數(shù)字：^\d{n}$
驗(yàn)證至少n位數(shù)字：^\d{n,}$
驗(yàn)證m-n位的數(shù)字：^\d{m,n}$
驗(yàn)證零和非零開頭的數(shù)字：^(0|[1-9][0-9]*)$
驗(yàn)證有兩位小數(shù)的正實(shí)數(shù)：^[0-9]+(.[0-9]{2})?$
驗(yàn)證有1-3位小數(shù)的正實(shí)數(shù)：^[0-9]+(.[0-9]{1,3})?$
驗(yàn)證非零的正整數(shù)：^\+?[1-9][0-9]*$
驗(yàn)證非零的負(fù)整數(shù)：^\-[1-9][0-9]*$
驗(yàn)證非負(fù)整數(shù)（正整數(shù) + 0） ^\d+$
驗(yàn)證非正整數(shù)（負(fù)整數(shù) + 0） ^((-\d+)|(0+))$
驗(yàn)證長度為3的字符：^.{3}$
驗(yàn)證由26個(gè)英文字母組成的字符串：^[A-Za-z]+$
驗(yàn)證由26個(gè)大寫英文字母組成的字符串：^[A-Z]+$
驗(yàn)證由26個(gè)小寫英文字母組成的字符串：^[a-z]+$
驗(yàn)證由數(shù)字和26個(gè)英文字母組成的字符串：^[A-Za-z0-9]+$
驗(yàn)證由數(shù)字、26個(gè)英文字母或者下劃線組成的字符串：^\w+$
驗(yàn)證用戶密碼:^[a-zA-Z]\w{5,17}$ 正確格式為：以字母開頭，長度在6-18之間，只能包含字符、數(shù)字和下劃線。
驗(yàn)證是否含有 ^%&',;=?$\"  等字符：[^%&',;=?$\x22]+
驗(yàn)證漢字：^[\u4e00-\u9fa5],{0,}$
驗(yàn)證Email地址：^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
驗(yàn)證InternetURL：^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ；^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
驗(yàn)證電話號碼：^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$：--正確格式為：XXXX-XXXXXXX，XXXX-XXXXXXXX，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX。
驗(yàn)證身份證號（15位或18位數(shù)字）：^\d{15}|\d{}18$
驗(yàn)證一年的12個(gè)月：^(0?[1-9]|1[0-2])$ 正確格式為：“01”-“09”和“1”“12”
驗(yàn)證一個(gè)月的31天：^((0?[1-9])|((1|2)[0-9])|30|31)$ 正確格式為：01、09和1、31。
整數(shù)：^-?\d+$
非負(fù)浮點(diǎn)數(shù)（正浮點(diǎn)數(shù) + 0）：^\d+(\.\d+)?$
正浮點(diǎn)數(shù) ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮點(diǎn)數(shù)（負(fù)浮點(diǎn)數(shù) + 0） ^((-\d+(\.\d+)?)|(0+(\.0+)?))$
負(fù)浮點(diǎn)數(shù) ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
浮點(diǎn)數(shù) ^(-?\d+)(\.\d+)?
非單字節(jié) [^\x00-xff]

1.返回一個(gè)含有漢子的字符串長度

function getlength(str){
 return str.replace(/[^\x00-xff]/g,"xx").length;
}

2.用戶名6-25個(gè)字符，不能有非法字符

oName.onblur=function(){
    var re=/[^\w\u4e00-\u9fa5]/g;
    if (re.test(this.value)){
      name_msg.innerHTML='含有非法字符!';
    }
    else if(this.value){
      name_msg.innerHTML='用戶名不能為空!';
    }
    else if(name_length>25){
      name_msg.innerHTML='長度超過25個(gè)字符!';
    }
    else if(name_length<6){
      name_msg.innerHTML='長度少于6個(gè)字符!';
    }
    else{  OK; }
}

3.用戶設(shè)置密碼，不能為空、相同字符、全為數(shù)字、全為字母

pwd.onblur=function(){
    if(this.value==""){pwd_msg.innerHTML='不能為空！'}
}

PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：

JavaScript正則表達(dá)式在線測試工具：
http://tools.jb51.net/regex/javascript

正則表達(dá)式在線生成工具：
http://tools.jb51.net/regex/create_reg

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

最新評論