本文介绍如何使用JavaScript和正则表达式验证手机号格式。通过HTML输入框绑定onblur事件，调用checkPhone函数，利用/^1[34578]\d{9}$/正则判断输入合法性，并在页面实时显示“请输入正确的手机号”或“ok”提示，适用于网站注册场景。
JavaScript手机号验证实现
使用JavaScript编写一个简单的电话号码验证功能。
在许多网站注册过程中，用户需要填写电话号码。有时试图随意填写，但系统会一直提示格式不正确。网络上搜索到的正则表达式方案往往存在诸多问题，并不完全适用。
最终编写了一个简单但较为实用的验证方案。
首先来看HTML部分的结构。
手机号：<input type="text" class="loginuser" placeholder="请输入您的手机号" id="uid" onblur="checkPhone()" />
<span id="uidt" style="margin-left: 100px"></span>
span标签用于显示提示信息：如果输入格式错误，会提示“请输入正确的手机号”；若格式正确，则显示“ok”。
接下来是JavaScript实现部分。
function checkPhone(){
var phone = document.getElementById('uid').value;
if(!(/^1[34578]\d{9}$/.test(phone))){
return document.getElementById('uidt').innerHTML = '请输入正确的手机号';
return false;
} else{return document.getElementById('uidt').innerHTML = 'ok';}
}
通过上述步骤，简单的手机号码验证功能即告完成。
感谢阅读，希望能对大家有所帮助，感谢对本站的支持！