JS应用:手机号码验证

简介:

JS实例:JS应用:手机号码验证。

JS是一门很特别的语言,不像PHP你必须要懂得里面具体每一个流程原理。javascript你可以在项目中慢慢积累,不着急,可以平时多收集一些js实例会事半功倍的效果。以后我会把我所看到的所有好的js实例都放上来供大家共享。

 

 
  1. <script language="javascript"> 
  2.     function checkform() 
  3.     { 
  4.        if(document.form1.mobile.value.length!=11) 
  5.        {   
  6.         //验证手机号为11位 
  7.         alert("您的手机号不正确哦!") 
  8.         document.form1.mobile.focus(); 
  9.         return false; 
  10.        } 
  11.        var mobile=document.form1.mobile.value; 
  12.        var reg0=/^13\d{5,9}$/; //130--139。至少7位 
  13.        var reg1=/^15\d{5,9}$/; //15至少7位 
  14.        var reg2=/^18\d{5,9}$/; //18 
  15.        
  16.        var my=false
  17.        if (reg0.test(mobile))my=true
  18.        if (reg1.test(mobile))my=true
  19.        if (reg2.test(mobile))my=true
  20.        
  21.        if (!my){ 
  22.         alert("您的手机号不正确哦") 
  23.         document.form1.mobile.focus(); 
  24.         return false; 
  25.        } 
  26.     } 
  27.     </script> 
  28.           <form name="form1" method="post" action="" onsubmit="return checkform()"> 
  29.     手机:<input type="text" id="mobile" name="mobile" maxLength=11 size=30/>    
  30.     <br> 
  31.     <input type="submit" id="submit" name="submit" value="提交" > 
  32.     </form> 

 

 

 

刚找到了另一个更好的,纯js的,没用正则的手机验证:这个更简单易懂:

 

 
  1. <html> 
  2. <head> 
  3. <meta http-equiv="content-Type" content="text/html;charset=gb2312"> 
  4. <title>验证手机号码是否正确</title> 
  5. </head> 
  6. <body> 
  7. <script> 
  8. function zzjsMobile(obj) 
  9. if(obj.length!=11) alert("这个手机号不存在!"); 
  10. else if(obj.substring(0,2)!="13" && obj.substring(0,2)!="15") alert("这个手机号不存在!"); 
  11. else if(isNaN(obj)) alert("这个手机号不存在!"); 
  12. else alert("这是个正确的手机号!"); 
  13. </script> 
  14. <form name="zzjs_net"> 
  15. 请输入手机号码: 
  16. <input type="text" name="No"> 
  17. <input type="button" value="验证" onclick="zzjsMobile(document.zzjs_net.No.value)"> 
  18. </form> 
  19. </body> 
  20. </html> 

 



      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/925230,如需转载请自行联系原作者





相关文章
|
13天前
|
设计模式 前端开发 JavaScript
【JavaScript 技术专栏】JavaScript 设计模式与实战应用
【4月更文挑战第30天】本文探讨JavaScript设计模式在提升开发效率和代码质量中的关键作用。涵盖单例、工厂、观察者、装饰器和策略模式,并通过实例阐述其在全局状态管理、复杂对象创建、实时数据更新、功能扩展和算法切换的应用。理解并运用这些模式能帮助开发者应对复杂项目,提升前端开发能力。
|
16天前
|
JavaScript 前端开发
js变量的作用域、作用域链、数据类型和转换应用案例
【4月更文挑战第27天】JavaScript 中变量有全局和局部作用域,全局变量在所有地方可访问,局部变量只限其定义的代码块。作用域链允许变量在当前块未定义时向上搜索父级作用域。语言支持多种数据类型,如字符串、数字、布尔值,可通过 `typeof` 检查类型。转换数据类型用 `parseInt` 或 `parseFloat`,将字符串转为数值。
18 1
|
1月前
|
JavaScript 前端开发 算法
JavaScript 中的 if 判断:深入理解、实战应用与进阶技巧
【4月更文挑战第7天】探索 JavaScript 中的 if 判断语句,它是构建逻辑清晰程序的基础。了解其概念、语法、应用示例及编程技巧,包括条件控制、else if 结构、三目运算符。注意条件表达式简洁性,避免 falsy 值陷阱,利用逻辑运算符优化,并减少 if 嵌套。实践这些技巧将提升编程能力和代码质量。
24 0
|
1月前
|
JavaScript 前端开发 算法
JavaScript 中算术操作符:全面解读、实战应用与最佳实践
【4月更文挑战第5天】本文探讨JavaScript中的算术操作符,包括加、减、乘、除、求余、自增、自减及复合赋值等,强调理解与熟练运用它们对提升编程效率和代码准确性的重要性。文中通过示例介绍了各种操作符的用法,同时提醒注意数据类型转换、浮点数精度、除以零错误以及利用短路求值优化逻辑等问题。通过学习,读者能更好地掌握算术操作符在不同场景的应用,提升编程技能。
23 1
|
1月前
|
JavaScript
使用Vue.js做一个简单的计时器应用,好玩实在哦
使用Vue.js做一个简单的计时器应用,好玩实在哦
|
5天前
|
开发框架 JavaScript 中间件
中间件应用Koa.js(Node.js)
【5月更文挑战第3天】我们添加了两个中间件。第一个中间件记录请求的开始时间,并在下一个中间件执行完毕后计算并打印出请求的总时间。第二个中间件与之前的示例相同,它设置响应体为 "Hello World"
22 6
中间件应用Koa.js(Node.js)
|
22小时前
|
存储 监控 JavaScript
使用Node.js构建实时聊天应用的技术指南
【5月更文挑战第12天】本文指导使用Node.js、Express.js和Socket.IO构建实时聊天应用。技术栈包括Node.js作为服务器环境、WebSocket协议、Express.js作为Web框架和Socket.IO处理实时通信。步骤包括项目初始化、安装依赖、搭建服务器、实现实时聊天功能、运行应用以及后续的完善和部署建议。通过这个指南,读者可以学习到创建简单实时聊天应用的基本流程。
|
5天前
|
JavaScript 中间件 API
中间件应用Express.js(Node.js)
【5月更文挑战第3天】我们定义了一个名为 `logger` 的中间件函数。它接受请求对象、响应对象以及下一个中间件函数作为参数。当接收到请求时,它会打印出请求的 HTTP 方法和 URL,然后调用 `next()` 函数来将控制权传递给下一个中间件或路由处理器。我们使用 `app.use()` 方法将 `logger` 中间件添加到了应用级别的中间件堆栈中,这意味着它将对所有请求生效。
16 3
中间件应用Express.js(Node.js)
|
7天前
|
数据采集 JavaScript 数据可视化
Node.js爬虫在租房信息监测与分析中的应用
Node.js爬虫在租房信息监测与分析中的应用
|
12天前
|
开发框架 JavaScript 前端开发
【JavaScript 与 TypeScript 技术专栏】TypeScript 在 Web 开发中的前沿应用
【4月更文挑战第30天】TypeScript在Web开发中日益重要,以其强大的类型系统提升代码质量,支持组件化开发,与React、Vue、Angular等框架良好集成。在大型项目管理中,TypeScript助于代码组织和优化,提高团队协作效率。此外,它提升开发体验,提供智能提示和错误检测。众多成功案例证明其前沿应用,未来将在Web开发领域持续发挥关键作用。