js校验手机号-CSDN博客

js 如何校验手机号码呢?

手机号有如下规则:

(1)必须全为数字;

(2)必须是11位.(有人说还有10位的手机号,这里先不考虑);

(3)必须以1开头(有人见过以2开头的手机号吗?)

(4)第2位是34578中的一个.

js方法如下:

     Js代码   
     
   
/*** 
 * check mobile phone:(1)must be digit;(2)must be 11 
 * @param string 
 * @returns {boolean} 
 */  
telRuleCheck2 = function (string) {  
    var pattern = /^1[34578]\d{9}$/;  
    if (pattern.test(string)) {  
        return true;  
    }  
    console.log('check mobile phone ' + string + ' failed.');  
    return false;  
};  

通过正则表达式来校验

页面代码如下:

     Html代码   
     
   
<!DOCTYPE html>  
<html>  
<head lang="en">  
    <meta charset="UTF-8">  
    <title></title>  
    <script type="application/javascript" src="jquery-1.11.1.js" ></script>  
    <script type="application/javascript" src="page.js" ></script>  
</head>  
<body>  
<div class="reg_con" style="position:relative;">  
    <label>联系电话</label>  
    <input id="telphone" type="text" name="userExt.telphone" value="13800000000" class="inp" maxlength="13"/>  
  
    <div id="telphone_tip" style="position:absolute;top:20px; color:#c00; font-weight:bold;">  
    </div>  
</div>  
<script type="application/javascript" >  
    $("#telphone").blur("blur",function(){  
        var telphone = $("#telphone").val();  
        if(telphone == ""){  
            $("#telphone_tip").html("提示：联系电话不能为空");  
        }  
        else  
        {  
            if(telRuleCheck2(telphone)){  
                $("#telphone_tip").html("");  
            }  
            else  
            {  
                $("#telphone_tip").html("联系电话格式不正确");  
            };  
        };  
    });  
  
</script>  
</body>  
</html>  

界面如下:

正则表达式说几点:

(1)^表示开头 ; $ 表示结尾;

(2)i表示忽略大小写;g表示全局匹配,而不是只匹配一次

(3)\d表示数字,即0123456789,\w表示26个字母;\s表示空格Tab换行等

-------------------20151008更新 ----------------

应用:

     Js代码   
     
   
if (!telRuleCheck2(username_val)) {  
        toast_hwShortCenter("请输入11位有效手机号");  
        $username[0].focus();  
        return;  
    }  

更宽松的校验方式:

     Js代码   
     
   
/*** 
     * 校验手机号的格式是否正确 
     * @param mobile 
     * @returns {*} 
     */  
    isMobile: function (mobile) {  
        return mobile.match(/^1[\d]{10}$/);  
    }  