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管理数据库结构的正确姿势