JavaScript郵箱驗證-正則驗證

標籤：javascript   正則   

一、RegExp1.1 建立RegExp對象

new RegExp("必選,Regex","可選,匹配模式g,i,m")

1.2 RegExp對象的方法

• test:檢索字串中的指定值，返回True或False。

• exec:檢索字串中的指定值，返回找到的值，沒有則null。

• complie:用於改變Regex，或增刪匹配模式。

1.2.1 test()

var r1 = new RegExp(‘world‘);console.log(r1.test(‘Hello, world!‘)); //trueconsole.log(r1.test(‘Hello, World!‘)); //falsevar r2 = new RegExp(‘world‘, ‘i‘); //大小寫不敏感console.log(r2.test(‘Hello, World!‘)); //truevar r3 = new RegExp(/world/i); //簡寫console.log(r3.test(‘Hello, World!‘)); //true

1.2.2 exec()

var r1 = new RegExp(‘world‘);console.log(r1.exec(‘Hello, world!‘)); //[‘world‘]console.log(r1.exec(‘Hello, World!‘)); //nullvar r2 = new RegExp(‘world‘, ‘i‘); //大小寫不敏感console.log(r2.exec(‘Hello, World!‘)); //[‘world‘]var r3 = new RegExp(/world/i); //簡寫console.log(r3.exec(‘Hello, World!‘)); //[‘world‘]var r4 = new RegExp(‘o‘);console.log(r4.exec(‘Hello, World!‘)); //[‘o‘]var r5 = new RegExp(‘o‘, ‘gi‘);console.log(r5.exec(‘Hello, WOrld!‘)); //[‘o‘]console.log(r5.lastIndex); //5 匹配文本的第一個字元的位置，o為4，下一個位置為5console.log(r5.exec(‘Hello, WOrld!‘)); //[‘O‘] 匹配完第一個o後調用繼續匹配console.log(r5.lastIndex); //9console.log(r5.exec(‘Hello, WOrld!‘)); //null 匹配不到返回nullconsole.log(r5.lastIndex); //0 lastIndex重設為0

1.2.3 complie()

var r1 = new RegExp(‘world‘);console.log(r1.exec(‘Hello, world!‘)); //[‘world‘]r1.compile(‘o‘);console.log(r1.exec(‘Hello, World!‘)); //[‘o‘]r1.compile(‘m‘);console.log(r1.exec(‘Hello, World!‘)); //nullvar r2 = new RegExp(‘world‘);console.log(r2.test(‘Hello, world!‘)); //truer2.compile(‘mazey‘);console.log(r2.test(‘Hello, world!‘)); //false

二、Regex

• ^$:表示匹配值的開始和結尾。

• +:1+，一個或更多。

• *:0+，零個或更多。

• ?:0/1，零個或一個。

• {1,2}:1

  <=length<=2,長度。< li="">

• ():表示一個運算式的組。

• []:匹配的字元範圍，我理解為一個塊，很多塊放在一個組()裡面。

三、樣本

<form action="">輸入：<input type="text" name="mazey" id="mazey" placeholder="請輸入郵箱"><input type="button" value="驗證" onclick="check();"></form><script>function check(){    var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //Regex    var obj = document.getElementById("mazey"); //要驗證的對象    if(obj.value === ""){ //輸入不可為空        alert("輸入不可為空!");        return false;    }else if(!reg.test(obj.value)){ //正則驗證不通過，格式不對        alert("驗證不通過!");        return false;    }else{        alert("通過！");        return true;    }}</script>

JavaScript郵箱驗證-正則驗證

本文出自 “不知不問” 部落格，請務必保留此出處http://mazey.blog.51cto.com/12997993/1948712

JavaScript郵箱驗證-正則驗證