且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

JS应用:手机号码验证

更新时间:2022-01-02 01:46:33

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