正则表达式如何进行页面表单验证功能
这篇文章主要为大家展示了“正则表达式如何进行页面表单验证功能”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“正则表达式如何进行页面表单验证功能”这篇文章吧。
石屏ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！
一般做到注册页面的时候，当用户填完信息，都需要对他们的信息进行验证，这就要用到正则表达式，具体看下面这个例子。
效果图：（当用户填写的信息不符合规范时显示错误提示）
我只提供了html结构和js，样式你们按照自己的设计稿自己写，我是分别给正确的时候和错误的时候加了不同的class，用了不同的高度，正确是高度小，可以把提示的红字隐藏。
html结构：
注册
字母开头,长度5-10位字母数字下划线
字母数字长度6-18位
两次密码不一致
电话号码格式不正确
邮箱格式不正确
证件格式不正确
请先输入密码
js：
//正则表达式已//双斜杠开始和结束，限制必须要以什么什么开头要在之前加^，限制必须要以什么什么结尾要在后面加$，例：/^正则$/
var reg = {
user:/^[a-zA-Z]\w{4,9}$/,
//用来判断用户名，第一位不能为数字，也就是小写字母或者大写字母，后面的内容\w表示字符（数字字母下划线）
//要求是5-10位字符，所以出去第一位，还需要4-9位的\w
pwd:/^[\da-zA-Z]{6,18}$/,
//用来判断密码，html结构中要求是数字字符6到18位，\d表示数字
tel:/^1[34578]\d{9}$/,
//用来判断电话号码，通常手机号第一位为1，第二位只可能出现3.4.5.7.8，后面剩下的9位数字随机
mail:/^[1-9a-zA-Z_]\w*@[a-zA-Z0-9]+(\.[a-zA-Z]{2,})+$/,
//用来判断邮箱，通常邮箱没有以0开头的，所以第一位为1-9数字或者小写字母或者大写字母，第二位开始任意字符
//也可以只有第一位没有第二位，*表示至少0个，@后面同理，小写字母或者大写字母或者数字，.需要转意符，所以写成\.
//点后面通常是com或者cn或者com.cn，所以是小写字母或者大写字母至少两位
IDCard:/^[1-9]\d{16}[\dxX]$/,
//用来判断身份证，通常第一位不为零，所以取1-9的数字，中间的16位数字随机，最后一位要么是数字要么是X
};
var arr = [
document.getElementsByName('user')[0],
document.getElementsByName('pwd')[0],
document.getElementsByName('tel')[0],
document.getElementsByName('mail')[0],
document.getElementsByName('IDCard')[0]
];
for(var i=0;i
以上是“正则表达式如何进行页面表单验证功能”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
本文标题：正则表达式如何进行页面表单验证功能
文章源于：
http://cxhlcq.com/article/ipijsh.html
重庆分公司
重庆分公司
