一、RegExp

1.1 创立 RegExp 对象

new RegExp("必选,正则表达式","可选,匹配模式g,i,m")

1.2 RegExp 对象的办法

  • test：检索字符串中的指定值，返回 True 或 False。
  • exec：检索字符串中的指定值，返回找到的值，没有则 null。
  • complie：用于扭转正则表达式，或增删匹配模式。

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

二、正则表达式

  • ^$：示意匹配值的开始和结尾。
  • +：1+，一个或更多。
  • *：0 / +，零个或更多。
  • ?：0 / 1，零个或一个。
  • {1,2}：1 <= length <= 2，长度。
  • ()：示意一个表达式的组。
  • []：匹配的字符范畴，我了解为一个块，很多块放在一个组 () 外面。

三、示例

<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]+$"); //正则表达式    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>

附录

浏览原文：https://blog.mazey.net/589.html