正則表達式基本的匹配案例

1.匹配時間

以24小時製爲例。

要求匹配：

23:59

02:07

分析：

共4位數字，第一位數字能夠爲[0-2]。

當第1位爲2時，第2位能夠爲[0-3]，其餘狀況時，第2位爲[0-9]。

第3位數字爲[0-5]，第4位爲[0-9]

正則以下：

var regex = /^([01][0-9]|[2][0-3]):[0-5][0-9]$/;
console.log( regex.test("23:59") ); 
console.log( regex.test("02:07") ); 
// => true
// => true複製代碼複製代碼

若是也要求匹配7:9，也就是說時分前面的0能夠省略。

此時正則變成：

var regex = /^(0?[0-9]|1[0-9]|[2][0-3]):(0?[0-9]|[1-5][0-9])$/;
console.log( regex.test("23:59") ); 
console.log( regex.test("02:07") ); 
console.log( regex.test("7:9") ); 
// => true
// => true
// => true複製代碼

2. 匹配日期

好比yyyy-mm-dd格式爲例。

要求匹配：

2017-06-10

分析：

年，四位數字便可，可用[0-9]{4}。

月，共12個月，分兩種狀況0一、0二、……、09和十、十一、12，可用(0[1-9]|1[0-2])。

日，最大31天，可用(0[1-9]|[12][0-9]|3[01])。

正則以下：

var regex = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/;
console.log( regex.test("2017-06-10") ); 
// => true複製代碼

3. window操做系統文件路徑

要求匹配：

F:\study\javascript\regex\regular expression.pdf

F:\study\javascript\regex\

F:\study\javascript

F:\

分析：

總體模式是: 盤符:\文件夾\文件夾\文件夾\

其中匹配F:\，須要使用[a-zA-Z]:\\，其中盤符不區分大小寫，注意\字符須要轉義。

文件名或者文件夾名，不能包含一些特殊字符，此時咱們須要排除字符組[^\\:*<>|"?\r\n/]來表示合法字符。另外不能爲空名，至少有一個字符，也就是要使用量詞+。所以匹配「文件夾\」，可用[^\\:*<>|"?\r\n/]+\\。

另外「文件夾\」，能夠出現任意次。也就是([^\\:*<>|"?\r\n/]+\\)*。其中括號提供子表達式。

路徑的最後一部分能夠是「文件夾」，沒有\，所以須要添加([^\\:*<>|"?\r\n/]+)?。

最後拼接成了一個看起來比較複雜的正則：

var regex = /^[a-zA-Z]:\\([^\\:*<>|"?\r\n/]+\\)*([^\\:*<>|"?\r\n/]+)?$/;
console.log( regex.test("F:\\study\\javascript\\regex\\regular expression.pdf") ); 
console.log( regex.test("F:\\study\\javascript\\regex\\") ); 
console.log( regex.test("F:\\study\\javascript") ); 
console.log( regex.test("F:\\") ); 
// => true
// => true
// => true
// => true複製代碼複製代碼

其中，JS中字符串表示\時，也要轉義。

4.匹配手機號是否合法

function checkMobile(phone){   
         if (phone == '') {alertMsg(i18nProp('auth_log_error5'));//'手機號不能爲空！' 
                           return false; }
         var me = /^1[34578]\d{9}$/;
        if (me.test(phone) == false || me.test(phone) == undefined) {
                            alertMsg(i18nProp('auth_log_error2'));//'請輸入正確的手機號!' 
                            return false;}
                return true;}複製代碼