JavaScript正则表达式验证手机号、邮箱与邮编的实现方法
作者:木棉时间:2026-10-28 07:25:56浏览:390
本文详细介绍如何使用JavaScript正则表达式对用户输入的手机号、电子邮件地址及邮政编码进行格式验证。通过具体的代码示例,解析了不同正则规则的设计逻辑,包括手机号段限制、邮箱基本结构匹配以及邮编位数与首位要求,并展示了如何结合DOM操作实现实时提示与按钮状态控制。
手机号正则验证实现
首先介绍手机号码的验证逻辑,主要匹配以13开头,或者以158、159开头的11位数字组合。
具体实现代码如下:
var re;
var ss=document.getElementById('textbox3').value;
re= /^(13[0-9]{9})|(15[89][0-9]{8})$/
if(re.test(ss))
{
document.getElementById('label3').innerText=""; //给label赋值用innerText
}
else
{
document.getElementById('label3').innerText="请输入正确的手机号码!";
document.getElementById('imagebutton1').disabled=true; //禁用Button用disabled
}邮箱地址格式校验
接下来是电子邮件地址的验证,核心规则是检查字符串中是否包含@符号和点号(.)。
相关代码实现如下:
var re;
var ss=document.getElementById(textboxid).value;
re= /\w@\w*\.\w/
if(re.test(ss))
document.getElementById('label4').innerText="";
else
{
document.getElementById('label4').innerText="请输入正确的邮件地址!";
document.getElementById('imagebutton1').disabled=true;
}邮政编码规则与代码
最后是邮政编码的验证,要求首字符不能为0,且总长度固定为6位。
代码示例如下:
var ss=document.getElementById('TextBox4').value;
var re= /^[1-9][0-9]{5}$/
if(re.test(ss))
document.getElementById('label5').innerText="";
else
{
document.getElementById('label5').innerText="邮政编码格式不正确!";
}
另外,还存在一种以13开头的11位手机号正则 /^13[012345789]{9}/,其特点是后9位数字中排除数字6。作者最新文章
JS合并多个数组的三种方法:concat、spread与flat
2026-11-05 17:39:45
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
