天天看點

JS應用:手機号碼驗證

JS執行個體:JS應用:手機号碼驗證。

JS是一門很特别的語言,不像PHP你必須要懂得裡面具體每一個流程原理。javascript你可以在項目中慢慢積累,不着急,可以平時多收集一些js執行個體會事半功倍的效果。以後我會把我所看到的所有好的js執行個體都放上來供大家共享。

<script language="javascript"> 

    function checkform() 

    { 

       if(document.form1.mobile.value.length!=11) 

       {   

        //驗證手機号為11位 

        alert("您的手機号不正确哦!") 

        document.form1.mobile.focus(); 

        return false; 

       } 

       var mobile=document.form1.mobile.value; 

       var reg0=/^13\d{5,9}$/; //130--139。至少7位 

       var reg1=/^15\d{5,9}$/; //15至少7位 

       var reg2=/^18\d{5,9}$/; //18 

       var my=false; 

       if (reg0.test(mobile))my=true; 

       if (reg1.test(mobile))my=true; 

       if (reg2.test(mobile))my=true; 

       if (!my){ 

        alert("您的手機号不正确哦") 

    } 

    </script> 

          <form name="form1" method="post" action="" onsubmit="return checkform()"> 

    手機:<input type="text" id="mobile" name="mobile" maxLength=11 size=30/>    

    <br> 

    <input type="submit" id="submit" name="submit" value="送出" > 

    </form> 

剛找到了另一個更好的,純js的,沒用正則的手機驗證:這個更簡單易懂:

<html> 

<head> 

<meta http-equiv="content-Type" content="text/html;charset=gb2312"> 

<title>驗證手機号碼是否正确</title> 

</head> 

<body> 

<script> 

function zzjsMobile(obj) 

if(obj.length!=11) alert("這個手機号不存在!"); 

else if(obj.substring(0,2)!="13" && obj.substring(0,2)!="15") alert("這個手機号不存在!"); 

else if(isNaN(obj)) alert("這個手機号不存在!"); 

else alert("這是個正确的手機号!"); 

</script> 

<form name="zzjs_net"> 

請輸入手機号碼: 

<input type="text" name="No"> 

<input type="button" value="驗證" onclick="zzjsMobile(document.zzjs_net.No.value)"> 

</form> 

</body> 

</html> 

      本文轉自許琴 51CTO部落格,原文連結:http://blog.51cto.com/xuqin/925230,如需轉載請自行聯系原作者