正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则，凡是符合规则的字符串就认为它匹配了，否则该字符串就是不合法的

正则式本质上就是一种允许使用通配符的特殊字符串，基础语法就是【/ 表达式 / 】，最初的主要用于用 户输入数据的校验

通配符

特殊字符表示频率修饰

特殊字符	说明
？	指定前面的表达式可以出现零次或一次
*	指定前面的表达式可以出现零次或多次
+	指定前面的表达式可以出现一次或多次
{m, n} 表示法	这种写法最灵活，用于表示前面的表达式可以最少出现m次，最多出现n次。注意其中 的m和n都可以省略，省略m表示0，省略n表示无限次

固定组

固定组可以使用()表示，可以使用竖线 | 表示互斥

例如 (abc)|(efg) 表示可以匹配abc或者efg

常用方法

基本使用方法

<form action="./index.html" name="form1" method="post" onsubmit="return
isSubmit();">
onsubmit就是在form表单提交之前所执行的函数
这里可以使用return false阻止form表单的提交
function isSubmit(){
if(checkSNO(document.form1.sno) && checkSname(document.form1.sname) &&
checkSbirthday(document.form1.sbirthday)){ 执行各个输入的验证，如果验证通过则返回
true，使form表单提交，否则返回false阻止提交
return true;
}
return false;
}

正则式对象的test方法

test()方法用于判断正则式是否匹配某个字符串

<input type="text" name="sno" onBlur="checkSNO(this)" />
<td id="sno"></td>
当输入框失去焦点时自动回调checkSno函数,并将当前页面元素作为参数传递到函数中
function checkSNO(n){
var flag = true;
var message = "ok";
var zz = /^\d{4}$/; 整个字符串内容必须以数字开头【^】，以数字结尾【$】。\d表示数
字，每个字符必须是0-9的数字，{4}表示\d需要出现4次，如果{4,}表示最少出现4次，如果{,4}表示
0次到4次
if(!zz.test(n.value)){ 判断输入的内容是否复合正则式，符合则为true，否则为
false。n是调用时候传入的页面元素，.value则获取该页面元素的value值
message ="no";
flag = false;
}
document.getElementById(n.name).innerHTML=message;
return flag;
}

如果要求输入4位数字，而且不能0开头。 /^[1-9][0-9]{3}$/

判断输入内容为中文字符，要求最少2个，最多10个

function checkSname(n){
var flag = true;
var message = "ok";
var zz = /^[\u4e00-\u9fa5]{2,10}$/;
if(!zz.test(n.value)){
message ="no";
flag = false;
}
document.getElementById(n.name).innerHTML=message;
return flag;
}

判断用户输入的日期类型样式

function checkSbirthday(n){
var flag = true;
var message = "ok";
var zz = /^\d{4,}-([1-9]|[1][012])-([1-9]|[12][0-9]|[3][01])$/;
if(!zz.test(n.value)){
message ="no";
flag = false;
}
document.getElementById(n.name).innerHTML=message;
return flag;
}

样例深入理解

初期开发中使用正则式的建议：到网络上查询，不建议自己写，除非有把握。

vscode的插件any-rule按需求直接生成

没有通配符

var str="112yanjun";
var reg1=/yan/;表示3个字符，而且连接顺序确定。主要字符串中包含yan子串则返回true
document.writeln(reg1.test(str));
添加特定符号
/^yan/ 表示要求以yan子串开头，例如yanjun
/yan$/ 表示要求以yan子串收尾，例如junyan

使用通配符

其它通配符的含义比较清晰，重点理解[]的用法

要求字符串应该是由数字组成
\d表示字符串中的一个字符应该是数字
var str="12";
var reg1=/^\d$/;
document.writeln(reg1.test(str)); 返回值为false
使用+表示前面的字符可以出现一次或多次,但是由于^和$的限制，所以str中包含字符a非数字，返回值
为false
var str="1243213421a2";
var reg1=/^\d+$/;
document.writeln(reg1.test(str));
可以使用[]表示一个字符的条件
[1-9]表示字符串中一个字符应该是1到9的数字
var str="0";
var reg1=/^[1-9]$/; reg1.test返回false
var str="1f";
var reg1=/^[1-9a-f]{2}$/; //可以匹配1-9的数字或者a-f的字符
var str="yb";
var reg1=/^[yan]{2}$/; //每个字符可以使用yan中任意一个字符

其它用法【不重要】

new RegExp()构建正则表达式对象，可以使用参数指定匹配模式g、i、m

• g全文查找、i忽略大小写、m 多行查找。也可以同时指定3个模式

var str = "Visit W3School, W3School is a place to studyweb tech.";
var patt = new RegExp("W3School","g");
var result;
while ((result = patt.exec(str)) != null) {
document.write(result);
document.write(patt.lastIndex);
}

• compile编译正则表达式，例如 reg1.compile("man","g"); 修改正则式对象中的正则表达式
• test判断是否符合正则表达式 [主要应用]
• exec检索字串中指定的值，返回找到的值，并确定位置

字串的replace方法

replace(正则式，替换内容) 用于进行符合正则式要求的字符串的替换

function trim(str){
return str.replace(/(^\s*)|(\s*$)/g,"");//剔除字符串两端的空格符，其中^\s*表示
开头部分的多个空格,\s*$表示收尾的多个空格。默认只匹配一次，如果需要匹配所有满足条件的字符
串，则需要使用贪婪模式g
}
alert(trim(" safdas "));

String其它方法

• search()方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串
• match() 法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配
• replace()替换与正则表达式匹配的子串
• split() 把字符串分割为字符串数组

search() 方法用于检索字符串中指定的子字符串或检索与正则表达式相匹配的子字符串。如果没有找到 任何匹配的子串，则返回-1

var str="Mr. Bluehas a blue house";

document.write(str.search(/blue/i));