JavaScript实现手机号格式验证的简单示例
作者:函数茶馆时间:2026-10-22 04:10:57浏览:554
本文介绍如何使用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';}
}
通过上述步骤,简单的手机号码验证功能即告完成。
感谢阅读,希望能对大家有所帮助,感谢对本站的支持!
作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
