本文提供一段 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 验证手机号码和电话号码合法性的完整流程，供开发者参考使用。