为了账号安全,请及时绑定邮箱和手机立即绑定

常见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>

js代码:

<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>

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消