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,如需转载请自行联系原作者





相关文章
|
1月前
|
JavaScript 数据安全/隐私保护
js 常用类型验证
js 常用类型验证
21 0
|
2月前
|
前端开发 JavaScript API
php的短信验证的流程,如何实现前端js加后端php
php的短信验证的流程,如何实现前端js加后端php
|
3月前
|
JavaScript
js验证身份证号码是否正确(整理)
js验证身份证号码是否正确(整理)
|
4月前
|
JavaScript 前端开发
javascript 验证是否是手机号并封装
javascript 验证是否是手机号并封装
21 0
|
5月前
|
开发框架 JavaScript 前端开发
Javascript实现具有验证功能的页面登录
Javascript实现具有验证功能的页面登录
51 0
|
5月前
|
JavaScript
js实现获取验证短信倒计时功能
前言 今天和大家分享一个小功能,在我们进行需要获取手机验证码或其他方式的验证码进行登录时会有一个功能,就是当你点击发送验证码时会有一个倒计时,倒计时没有结束时按钮是禁用的状态,防止重复发送短信,下面我们来看一下这个功能使用JS该如何实现。
|
7月前
|
JavaScript 前端开发
JS:JS判断提交表单不能为空等验证
JS:JS判断提交表单不能为空等验证
|
7月前
|
JavaScript
js 验证url是否正确
js 验证url是否正确
53 0
|
9月前
|
JavaScript
【分享】宜搭js代码验证组件校验结果(触发组件校验)
有时候需要手动触发校验,特别是自定义页面,校验通过才进行下一步 by 页一
825 1
相关产品
云迁移中心
推荐文章
更多