js开发前端 验证QQ格式

web前端开发笔试集锦(javascript篇)|ios开发 web前端开发|ios11前端开发

html 代码

<!DOCTYPE html>
<head>
    <meta charset=”UTF-8″>
    <title></title>
</head>
<body>
    <input type=”text” name=”QQ” id=”QQ” value=”” />
    <span></span>
    <pre style=”color: red;font-size: 30px;”>
QQ的规则:
1. 全都是数字
2. 最少5最多11
3. 开头不能为0
</pre>
    <script type=”text/javascript”>
        let qq = document.querySelector(‘#QQ’);
        let span = document.querySelector(‘span’);
        let re = /^[1-9]\d{5,11}$/
        qq.oninput = function () {
            if (re.test(qq.value)) {
                span.innerHTML = ‘恭喜你’
            } else {
                span.innerHTML = ‘别闹,好好写’
            }
        }
    </script>
</body>
</html>

java前端开发的简历|web前端开发与php区别|thinkphp5 前端开发

» 本文来自:前端开发者 » 《js开发前端 验证QQ格式》
» 本文链接地址:https://www.rokub.com/4914.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!