h5手机网站建设如何用JS检验手机号码是否正确呢?

2022-02-20 22:57 admin
h5手机网站建设如何用JS检验手机号码是否正确呢?煜阳网站多年的建站经验告诉您 h5、js最详细的正则检验手机号码的问题,希望能给后来的学弟学妹们一点点的帮助,请您接着往下看。

事例一:

<div id="input-div"> 
<input type="text" placeholder="请输入您的姓名" id="username" required="" maxlength="10"/> 
<input type="text" placeholder="请输入您的电话号码" id="phone" required="" maxlength="11"/> 
<input type="button" value="我要加盟" id="submit"/> 
</div>
 
 
 
<script type="text/javascript">
//判断是否为手机号的正则表达式
function checkMobile(){ 
var _phone = $("#phone").val(); 
if(!(/^1[3|4|5|8][0-9]\d{8}$/.test(_phone))){ 
alert("不是完整的11位手机号或者正确的手机号"); 
return false; 
}
</script>
 
 
事例二:
 
<form name="submitForm" method="post" action="post_data.php?gid=<?php echo $_GET['gid'];?>" id="submitForm">
<input type="text" placeholder="手机号" value="" name="tel" id="smobil" style="-webkit-user-select:auto;background: #f4f4f4 url(image/s_1.png) no-repeat right 10px;">
 
</form>
<script type="text/javascript">
    $(function () {
        $("#saveBtn").click(function(){
            //alert("22");
            var sname = $("#sname").val();
            var smobil = $("#smobil").val();
            var address_province = $("#address_province").val();
            var address_detail = $("#address_detail").val();
 
            if (sname == "") {
                alert("请输入收货人姓名!");
                return false;
            }
            if (smobil == "") {
                alert("请输入电话号码!");
                return false;
            }
            if (address_province == "") {
                alert("请输入所在地区!");
                return false;
            }
            if (address_detail == "") {
                alert("请输入详细地址!");
                return false;
            }
if(!(/^1[3|4|5|8][0-9]\d{8}$/.test(smobil))){ 
alert("不是完整的11位手机号或者正确的手机号"); 
return false; 
}
 
            $('[name=submitForm]').submit();
        });    
    });
</script>

通赤以上两例您一定对h5手机网站建设如何用JS检验手机号码是否正确的问题有了一定的了解和认识,那么就赶快去尝试一下吧。
Tag: 如何 手机 建设 网站
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码