表单验证：名称、手机号码、邮箱

---

文章目录

---

前言

在大部分web项目中都离不开表单验证，这里就简单介绍几个常见的验证内容，后续慢慢更新

---

一、名称表单验证

1、特点：可输入英文、中文，中间可输入空格，不能输入数字@#￥%……&*等特殊字符，最前面和最后面不能出现空白符号。

 2、综上所述的正则表达式：

/^[^\s!@#$%^&*()_+=<>?{}[\]:”‘“’";'~`0-9][a-zA-Z\s\u4e00-\u9fa5]*[^\s!@#$%^&*()_+=<>?{}[\]:”‘“’";'~`0-9]$/

解析：

1、  ^  :这里的^代表以后面第一个元素开头，当然还有另一层”非“意思，比如[^0-9]表示非数字

4、[a-zA-Z\n\u4e00-\u9fa5]+：表示[]里面任意一个元素出现一次或者无数次

5、\s ：表示一个空格或换行或Tab等，\S相反,一个非空格等

6、$ ：表示以前一个元素结尾

7、* :表示前面一个元素出现一次或者无数次，相当于集合中的[0,∞）,在正则表达式中也可以表示为{0，}

8、+ ：表示一次到无数次，{1，}

二、手机号码表单验证

1、特点：中国移动、中国电信、中国联通的电话号码有固定的格式可循，开头XXX为运营商号码，根据开头的三位数字可以区分出号码的归属运营商。中间部分的XXXX为所在区域的地市号码，从这个数字可以找到该号码在哪个地市办理。至于最后四个数字就是随意选取的。

 2、正则表达式：

 /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/

解析：

1、^  :这里的^代表以后面第一个元素开头，当然还有另一层”非“意思，比如[^0-9]表示非数字

2、(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])中的”|“表示或者：整体的意思就是：130、131……139或者140、141、144……149或者150……153、155……159或者162、165……167或者170……178或者180……199

3、\d:表示一个数字

4、{8}：表示前一个元素可输入8位

三、邮箱表单验证

1、特点：常见的邮箱有163邮箱、126邮箱、QQ邮箱、谷歌邮箱、新浪邮箱、微软邮箱、苹果邮箱。

1、qq邮箱格式：后缀 @qq.com.

2、网易邮箱格式：后缀 @163.com与@126.com.

3、谷歌邮箱格式：后缀@gmail.com.

4、新浪邮箱格式：后缀@sina.com.

5、微软邮箱格式：后缀@hotmail.com.

6、苹果邮箱格式：后缀@icloud.com.

2、正则表达式：

/^[A-Za-z0-9u4e00-u9fa5\s]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/

解析：

1、.  ：表示任意一个元素出现一次

2、[a-zA-Z0-9_-]：表示一个小写字母或一个大写字母一个数字或一个_或一个-

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了名称、手机号、邮箱表单的验证方式，而灵活运用正则表达式可以解决许许多多棘手的问题！