js判断文本框三位数

<!DOCTYPE HTML>
<html>
    <head>
        <title>判断三位数</title>
        <mate charset="utf-8" />
        <style type="text/css">
        *{ padding: 0px; margin: 0px; text-align: center; }
        .cpp4{ margin: 30px auto; }
        .cpp4 input{ width: 200px; height: 30px; }
        .cpp4 button{ width: 50px; height: 34px; cursor: pointer; }
        </style>
    </head>
    <body>
        <div class="cpp4">
            <input type="text" />
            <button>查看</button>
        </div>

        <script type="text/javascript">
            window.onload = function(){
                // 获取元素
                var textval = document.getElementsByClassName("cpp4")[0].getElementsByTagName("input")[0];
                var checkbtn = document.getElementsByClassName("cpp4")[0].getElementsByTagName("button")[0];
                // 点击事件
                checkbtn.onclick = function(){
                    // 判断是否为正整数
                    if(/^[0-9]*[1-9][0-9]*$/.test(textval.value)){
                        // 判断是否为三位数
                        alert(/^\d{3}$/.test(parseInt(textval.value)) ? "对了！ 是三位数" : "错了！ 此为" + textval.value.length + "位数");
                    }else{
                        alert("字符串长度为：" + textval.value.length);
                    }
                    
                }
            }
        </script>
    </body>
</html>
js判断文本框三位数

猜你喜欢
