表单校验常用正则表达式校验（持续完善版）

最新推荐文章于 2023-08-19 18:15:10 发布

原创最新推荐文章于 2023-08-19 18:15:10 发布 · 585 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端表单校验

表单校验专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用正则表达式进行多种常见信息的校验，包括汉字、邮箱、电话号码及纯数字的验证方法。通过具体的JavaScript函数实例，展示了如何确保输入符合预期的格式，适用于网站表单验证等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、校验是否为汉字

**`var han = /^[\u4e00-\u9fa5]+$/;`**
  // 方法：
   function matchText(title){
	var han = /^[\u4e00-\u9fa5]+$/;
	if (!han.test(title)) {
        return false;
    }
    return true;
}

二、校验邮箱

var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 
//方法：
	function matchMail(value){  //value是需要校验的字符串
		var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 
		if (!reg.test(value)) {
	        return false;
	    }
	    return true;
	}

三、校验电话号码

var  tel = /^1[3|4|5|6|7|8|9]\d{9}$/;
//方法：
function matchTel(value){
		var mobile = /^1[3|4|5|6|7|8|9]\d{9}$/;
		if (! tel .test(value)) {
	        return false;
	    }
	 return true;
	}

四、校验是否纯数字

 var re = /^[0-9]+.?[0-9]*$/;
 // 方法：
	 function  checkNum(num){
	 var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 （判断正整数 /^[1-9]+[0-9]*]*$/）
	 if (!re.test(num)){
	    return false;
	 }
	return true;