JS 判断输入数字是否为1-31之间的数

最新推荐文章于 2024-08-02 17:08:11 发布

甘乐2333

最新推荐文章于 2024-08-02 17:08:11 发布

阅读量2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_35254240/article/details/91352648

版权

前端专栏收录该内容

61 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .redFont
        {
            color: red;
        }
    </style>
</head>
<body>
<input type="text"><span></span>
    <script>
        var input,span;
        var ids=0;
        init();
        function init() {
            input=document.querySelector("input");
            span=document.querySelector("span");
            input.addEventListener("input",inputHandler);
        }

        function inputHandler(e) {
            if(ids) return;
            ids=setTimeout(testStringHandler,500);
        }

        function testStringHandler() {
            clearTimeout(ids);
            ids=0;
            if(/^[1-9]$|^[12]\d$|^3[01]$/.test(input.value)){
                span.textContent="正确";
                span.style.color="green";
            }else{
                span.textContent="错误"
                span.style.color="red";
            }
        }
    </script>
</body>
</html>