js验证手机号码
发布时间 - 2026-01-10 22:35:16 点击率:次闲来没事,写了一个小例子,欢迎大家多提宝贵建议~~~

下面讲一下手机号码的特征:以1开头,第二位是3,5,7,8,9中的一位,从第三位开始是任意数字,一共有11位
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手机号码验证</title>
</head>
<body>
Tel:<input type="text" id="tel" placeholder="请输入你的手机号码" />
<span id="tel_tip"></span>
<script type="text/javascript">
//当tel失去焦点的时候,验证是否是正确的手机号码,如果不是,在tel_tip中提示错误
window.onload=function(){
var oTel = document.getElementById("tel");
oTel.onblur = function(){
var isTel = isTelephone(oTel.value);
var oSpan = document.getElementById("tel_tip");
if(!isTel){
oSpan.style.color = "red";
oSpan.innerHTML = "错误的手机号码,请重新输入";
}else{
oSpan.style.color = "green";
oSpan.innerHTML = "正确的手机号码";
}
}
}
function isTelephone(tel){
var p = /^1[35789][0-9]{9}$/;
return p.test(tel);
}
</script>
</body>
</html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# js
# 验证
# 手机
# 号码
# js代码验证手机号码和电话号码是否合法
# js验证电话号码与手机支持+86的正则表达式
# js验证电话号码手机号码的正则表达式
# js验证输入是否为手机号码或电话号码示例
# 验证手机号码的JS方法分享
# js 手机号码合法性验证代码集合
# javascript IP、域名、手机号码正则表达式验证代码
# javascript 手机号码正则表达式验证函数
# javascript 手机号码验证是否正确
# 请输入
# 写了
# 欢迎大家
# 如果不是
# 第三位
# 闲来
# 多提
# 重新输入
# UTF
# text
# meta
# charset
# title
# input
# type
# body
# Tel
# class
# brush
# pre
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】
韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南
如何快速辨别茅台真假?关键步骤解析
Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】
如何快速建站并高效导出源代码?
EditPlus中的正则表达式 实战(2)
Laravel如何创建自定义中间件?(Middleware代码示例)
Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程
Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制
Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试
mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?
如何解决hover在ie6中的兼容性问题
如何快速打造个性化非模板自助建站?
广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网?
青岛网站建设如何选择本地服务器?
深入理解Android中的xmlns:tools属性
Laravel如何使用Eloquent ORM进行数据库操作?(CRUD示例)
javascript中的try catch异常捕获机制用法分析
移动端脚本框架Hammer.js
HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】
高端智能建站公司优选:品牌定制与SEO优化一站式服务
香港服务器租用费用高吗?如何避免常见误区?
Laravel怎么实现支付功能_Laravel集成支付宝微信支付
想要更高端的建设网站,这些原则一定要坚持!
大连 网站制作,大连天途有线官网?
Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解
制作公司内部网站有哪些,内网如何建网站?
无锡营销型网站制作公司,无锡网选车牌流程?
Win11怎么开启自动HDR画质_Windows11显示设置HDR选项
Laravel如何实现API版本控制_Laravel版本化API设计方案
如何在阿里云虚拟主机上快速搭建个人网站?
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?
佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】
Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程
Claude怎样写约束型提示词_Claude约束提示词写法【教程】
Laravel如何实现多对多模型关联?(Eloquent教程)
如何在Windows虚拟主机上快速搭建网站?
高端建站如何打造兼具美学与转化的品牌官网?
Laravel如何实现事件和监听器?(Event & Listener实战)
如何彻底卸载建站之星软件?
Laravel如何实现一对一模型关联?(Eloquent示例)
Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件
网站制作软件免费下载安装,有哪些免费下载的软件网站?
Laravel如何创建自定义Artisan命令?(代码示例)
Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理
android nfc常用标签读取总结
Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案
如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环
bootstrap日历插件datetimepicker使用方法
Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势

