正则表达式入门|常见的js正则表达式（建议收藏）

知识点：

正则表达式概述
正则表达式的创建
内容含义
常见的正则验证代码
js中常见的正则表达式

一、正则表达式概述

正则表达式（Regular Expression） 是用于匹配字符串中字符串组合的模式，在js中，正则表达式是对象（js万物皆对象）
用于：创建密码 提交表单，匹配字符串，过滤敏感词，提取特定的字符串。用于搜索
前端目前主要利用正则表达式来完成表单的验证
通俗来说就是匹配信息

主要有精准匹配和模糊匹配两种

二、正则表达式的创建

两种方式：

1.RegExp 创建
Var regexp = new RegExp（/123/）

2.利用正则表达式自变量来创建（最常用的方法）
Var rg = /123/

创建完成肯定要检查字符串是否符合正则表达式。
测试正则表达式text 检测字符是否符合正则表达式 会返回true和false。其参数是测试字符串regexobj .test(str)
str是我们写的字符串的内容

注：正则表达式里面不许要加引号，不管是字符串型还是数字型

三、正则表达式内容具体含义

因为我也是初学者，就 尽可能用通俗的语言去写，没有使用倒专业名词，请见谅。

边界符（一般用于精准匹配）

^以它开始 $以它结束

量词符

*重复零次或更多次
+重复一次或更多次
？重复零次或一次
{n}重复n次
{n，}重复n次或更多次
{n，m}重复n到m次

• 或者 或|

括号总结

中括号字符总结匹配方括号里面的任意字符[]
大括号{ }量词符，里面表示重复次数；
小括号，表示优先级；

常见的字符简写形式

\d就是[0-9] 表示一位数字 英文是digit（数字）

\D[^0-9] 表示除了数字外的任意字符。

\w[0-9a-zA-Z].表示数字，大小写字母和下划线。记忆方式：w是Word的简写字符
\W（大写W）[^0-9a-zA-Z].非单词字符。

\s是[ \t\v\n\r\f]。表示空白符，包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。记忆方式：s是space character的首字母。
\S是[^ \t\v\n\r\f]。 非空白符。

.就是[^\n\r\u2028\u2029]。通配符，表示几乎任意字符。换行符、回车符、行分隔符和段分隔符除外。记忆方式：想想省略号…中的每个点，都可以理解成占位符，表示任何类似的东西。

四、常见的正则验证代码

验证字母：/^[a-zA-Z]+$/
验证长度为3的字符：/^.{3}$/
验证由26个英文字母组成的字符串：/^[A-Za-z]+$/
验证日期YYYY-MM-DD：/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/
验证邮编：/^\d{6}$/
验证日期格式YYYY-MM-DD hh:mm:ss：/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/
验证整数：/^[-+]?\d*$/
验证小数：/^[-\+]?\d+(\.\d+)?$/
验证中文：/^[\u0391-\uFFE5]+$/
验证邮箱：/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
验证手机号：/^1[3456789]\d{9}$/
验证身份证：/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/

需要的老铁直接复制即可

五、js中常用的正则表达式

好好收藏

// 验证输入的内容是否是空
			isNull:function(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /\S/;
				if(!regex.test(str)){
					alert("文本框不能为空，请输入内容！");
				}
			
			}

// 验证输入的字符是否是英文字母
			isLetter:function(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^[a-zA-Z]+$/;
				if(!regex.test(str)){
					alert("请输入正确的英文字母!");
				}
	}

//  验证日期格式是否为YYYY-MM-DD格式
isDate:function(idStr){
			
				var str = document.getElementById(idStr).value.trim();
				var regex = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
				var r = str.match(regex); // 使用match方法获取指定字符串的值

				if(r==null){
					alert("请输入正确的日期格式!");
				}
}

	//  验证日期格式是否为YYYY-MM-DD hh:mm:ss格式
isDateTime:function(idStr){
			
				var str = document.getElementById(idStr).value.trim();
				var regex = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
				var r = str.match(regex); // 使用match方法获取指定字符串的值

				if(r==null){
					alert("请输入正确的日期格式!");
				}
}

// 验证整数
isInteger:function(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^[-+]?\d*$/;
				if(!regex.test(str)){
					alert("请输入正确的整数!");
				}
}

// 验证双精度
isDouble:function(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^[-\+]?\d+(\.\d+)?$/;
				if(!regex.test(str)){
					alert("请输入正确的小数!");
				}
}

// 验证中文
isChinese(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^[\u0391-\uFFE5]+$/;
				if(!regex.test(str)){
					alert("请输入正确的中文!");
				}
}

// 验证邮箱
isEmail(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
				if(!regex.test(str)){
					alert("请输入正确的邮箱格式!");
				}
}

// 验证手机号
isPhone(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^1[3456789]\d{9}$/;
				if(!regex.test(str)){
					alert("请输入正确的手机号!");
				}
}

// 验证身份证
isIdCard(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/;
				if(!regex.test(str)){
					alert("请输入正确的身份证号码!");
				}
	}