本文对利用正则表达式对手机号码进行了验证，代码较简单不做过多解释。

可以直接复制粘贴来进行实践测试...

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>手机号校验</title>
    </head>
    <body>
        <input type="text" id="ipVal" />
        <button id="btn">测试</button>

        <script>
            // 设置正则表达式的手机号码格式 规则 ^起点 $终点 1第一位数是必为1  [3-9]第二位数可取3-9的数字  \d{9} 匹配9位数字 
            var reg = /^1[3-9]\d{9}$/

            btn.addEventListener("click",function(e){
                if(reg.test(ipVal.value)){
                    alert("合法手机号")
                }else{
                    alert("非法手机号")
                }
            })
        </script>
    </body>
</html>

更多推荐

用正则表达式来验证手机号码