JavaScript 实现手机号与电话号码合法性校验
作者:闭包旅人时间:2026-10-29 12:56:51浏览:212
本文提供一段 JavaScript 代码,用于在前端表单中校验用户输入的手机号码和固定电话号码。通过正则表达式匹配特定号段及格式,确保至少填写一项且格式合法,提升用户体验并减少无效提交。
JavaScript 手机号与电话校验逻辑
在许多网站中,手机号码和固定电话往往是必填字段。为了优化用户体验并减少无效数据提交,通常需要对用户输入的联系方式进行合法性校验。以下是一段用于实现该功能的 JavaScript 代码示例。
核心验证代码实现
function Checkreg(){
//验证电话号码手机号码,包含 , 号段
if(document.form.phone.value==""&&document.form.UserMobile.value==""){
alert("电话和手机号码至少选填一项!");
document.form.phone.focus();
return false;
}
if(document.form.phone.value != ""){
var phone=document.form.phone.value;
var p =/^(([ \+]\d{ , }-)?( \d{ , })-)?(\d{ , })(-(\d{ ,}))?$/;
var me=false;
if(p .test(phone)){
me=true;
}
if(!me){
document.form.phone.value='';
alert('对不起,您输入的电话号码有错误。区号和电话号码之间请用-分割');
document.form.phone.focus();
return false;
}
}
if(document.form.UserMobile.value != ""){
var mobile=document.form.UserMobile.value;
var reg =/^ \d{ , }$/;
var reg =/^ \d{ , }$/;
var reg =/^ \d{ , }$/;
var reg =/^ \d{ , }$/;
var my=false;
if(reg .test(mobile))my=true;
if(reg .test(mobile))my=true;
if(reg .test(mobile))my=true;
if(reg .test(mobile))my=true;
if(!my){
document.form.UserMobile.value='';
alert('对不起,您输入的手机或小灵通号码有错误。');
document.form.UserMobile.focus();
return false;
}
return true;
}
}
代码说明与总结
上述代码展示了使用 JavaScript 验证手机号码和电话号码合法性的完整流程,供开发者参考使用。
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
