【验证QQ号】 1.有没有输入 2.输入的是不是数字 3.不能有0在前面 4.不能是小数 5.输入的数字必须在5位以上、11位以下

本文链接：https://blog.csdn.net/BaekhyunDE/article/details/121891944

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>

<body>
    请输入QQ号码：
    <input type="text" name="" id="">
    <button>验证</button>
    <script>
        // 获取
        var oIn = document.getElementsByTagName("input")[0];
        var oBt = document.getElementsByTagName("button")[0];

        // 点击
        oBt.onclick = function () {
            var oV = oIn.value;

            //语法： 条件(真假) ? 条件成立时执行的代码 : 条件不成立时执行的代码

            // 有没有输入
            // oV == "" ? alert("请输入QQ号") : alert("正确");

            // 输入的是不是数字
            // isNaN(oV) == true ? alert("请输入数字") : alert("正确");

            // 不能有0在前面
            // oV[0] == 0 ? alert("不能有0在前面") : alert("正确");

            // 不能是小数
            // parseInt(oV) != oV ? alert("不能是小数") : alert("正确");

            // 输入的数字必须在5位以上、11位以下
            // oV.length > 5 && ov.length < 11 ? alert("正确") : alert("输入的数字必须在5位以上、11位以下");


            oV == "" ? alert("请输入QQ号") : isNaN(oV) == true ? alert("请输入数字") : oV[0] == 0 ? alert("不能有0在前面") : parseInt(oV) != oV ? alert("不能是小数") : oV.length > 5 && oV.length < 11 ? alert("正确") : alert("输入的数字必须在5位以上、11位以下");
        }
    </script>
</body>

</html>