[基础]电话/手机常见验证的Javascript示例

电话号码：<input type="text" id="TelPrefix" size="4" MaxLength="4"> - <input type="text" id="TelNumber" style="width:88px">　<button id="btnTestTel" onClick="return TestTel()">测试电话号码</button><br/>

手机号码：<input type="text" id="Mobile">　<button id="btnTestMobile" onClick="return TestMobile()">测试手机号码</button><br/><br/>

建议手机号码与电话号码至少请输入一项<br/><br/>

<button id="btnTest" onClick="return Test()">测试手机号码</button>



<script type="text/javascript">

    String.prototype.Trim = function() {  

        var m = this.match(/^\s*(\S+(\s+\S+)*)\s*$/);  

        return (m == null) ? "" : m[1];  

    }


    String.prototype.isMobile = function() {  

        return (/^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$/.test(this.Trim()));  

    } 

    String.prototype.isTel = function()

    {   

        return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(this.Trim()));

    }



    function TestMobile()

    {

        var oMobile = document.getElementById("Mobile");

        if (!oMobile.value.isMobile())

        {

            alert("请输入正确的手机号码");

            oMobile.focus();

            oMobile.style.backgroundColor="#ff9";

            return false;

        }

        else

        {

            alert(oMobile.value);

        }

        return true;

    }





    function TestMobileEx()

    {

        var oMobile = document.getElementById("Mobile");

        if (!oMobile.value.isMobile())

        {            

            return false;

        }        

        return true;

    }



    function TestTel()

    {

        var oTelPrefix = document.getElementById("TelPrefix");

        var oTelNumber = document.getElementById("TelNumber");

        var sTel = oTelPrefix.value + "-" + oTelNumber.value;

        

        if (!sTel.isTel())

        {

            alert("请输入正确的电话号码");

            oTelPrefix.focus();

            oTelPrefix.style.backgroundColor="#ff9";

            oTelNumber.style.backgroundColor="#ff9";

            return false;

        }

        else

        {

            alert(sTel);

        }



        return true;

    }



    function TestTelEx()

    {

        var oTelPrefix = document.getElementById("TelPrefix");

        var oTelNumber = document.getElementById("TelNumber");

        var sTel = oTelPrefix.value + "-" + oTelNumber.value;

        

        if (!sTel.isTel())

        {            

            return false;

        }

        return true;

    }





    function Test()

    {

        if (TestTelEx()||TestMobileEx())

        {

            alert("验证通过");

        }

        else

        {

            alert("手机，电话至少输入一项");

            document.getElementById("TelPrefix").focus();

            document.getElementById("TelPrefix").style.backgroundColor="#ff9";

            return false;

        }

        return true;

    }

</script>