熟練地掌握正則表達(dá)式的話，能夠使你的開發(fā)效率得到極大的提升。

正則表達(dá)式經(jīng)常被用于字段或任意字符串的校驗(yàn)，如下面這段校驗(yàn)基本日期格式的JavaScript代碼：

var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/;
var r = fieldValue.match(reg);  
if(r==null)alert('Date format error!');

下面是在前端開發(fā)中經(jīng)常使用到的20個(gè)正則表達(dá)式:

1 . 校驗(yàn)密碼強(qiáng)度
密碼的強(qiáng)度必須是包含大小寫字母和數(shù)字的組合，不能使用特殊字符，長度在8-10之間。

2. 校驗(yàn)中文
字符串僅能是中文。

 3. 由數(shù)字、26個(gè)英文字母或下劃線組成的字符串

^\\w+$ 

4. 校驗(yàn)E-Mail 地址
同密碼一樣，下面是E-mail地址合規(guī)性的正則檢查語句。

5. 校驗(yàn)身份證號碼
下面是身份證號碼的正則校驗(yàn)。15 或 18位。

15位：

18位：

6. 校驗(yàn)日期
“yyyy-mm-dd“ 格式的日期校驗(yàn)，已考慮平閏年。

7. 校驗(yàn)金額
金額校驗(yàn)，精確到2位小數(shù)。

^[0-9]+(.[0-9]{2})?$ 

8. 校驗(yàn)手機(jī)號
下面是國內(nèi) 13、15、18開頭的手機(jī)號正則表達(dá)式。

9. 判斷IE的版本
IE目前還沒被完全取代，很多頁面還是需要做版本兼容，下面是IE版本檢查的表達(dá)式。

10. 校驗(yàn)IP-v4地址
IP4 正則語句。

11. 校驗(yàn)IP-v6地址
IP6 正則語句。

12. 檢查URL的前綴
應(yīng)用開發(fā)中很多時(shí)候需要區(qū)分請求是HTTPS還是HTTP，通過下面的表達(dá)式可以取出一個(gè)url的前綴然后再邏輯判斷。

if (!s.match(/^[a-zA-Z]+:\\/\\//))
{
 s = 'http://' + s;
} 

13. 提取URL鏈接
下面的這個(gè)表達(dá)式可以篩選出一段文本中的URL。

14. 文件路徑及擴(kuò)展名校驗(yàn)
驗(yàn)證文件路徑和擴(kuò)展名

15. 提取Color Hex  Codes
有時(shí)需要抽取網(wǎng)頁中的顏色代碼，可以使用下面的表達(dá)式。

\\#([a-fA-F]|[0-9]){3,6} 

16. 提取網(wǎng)頁圖片
假若你想提取網(wǎng)頁中所有圖片信息，可以利用下面的表達(dá)式。

17. 提取頁面超鏈接
提取html中的超鏈接。

18. 精煉CSS
通過下面的表達(dá)式，可以搜索相同屬性值的CSS，從而達(dá)到精煉代碼的目的。

19. 抽取注釋
如果你需要移除HMTL中的注釋，可以使用如下的表達(dá)式。

<!--(.*?)--> 

20. 匹配HTML標(biāo)簽
通過下面的表達(dá)式可以匹配出HTML中的標(biāo)簽。

可以少寫1000行代碼的20個(gè)正則表達(dá)式，快點(diǎn)來學(xué)習(xí)吧！

最新評論