JavaScript 数字验证

最新推荐文章于 2019-08-07 09:53:17 发布

球球

最新推荐文章于 2019-08-07 09:53:17 发布

阅读量951

点赞数

本文链接：https://blog.csdn.net/weixin_43878109/article/details/84970379

版权

JavaScript 数字验证

我所写的是比较简单的js验证

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>

<h1>JavaScript 数字验证</h1>

<p>只能输入数字：</p>

<input id="numb" >

<button type="button" onclick="myFunction()">提交</button>

<p id="demo"></p>

<script>
    function myFunction() {
        var x, text;

        // 获取 id="numb" 的值
        x = document.getElementById("numb").value;
        console.log(x);

        // 如果输入的值 x 不是数字或者为空  则提示
        if (isNaN(x)   ) {
            text = "请不要乱输,输入数字";
        } else if ( x.length ===0){//判断是否有输入内容
            text = "请输入内容";
        } else {
            text = "正确";
        }
       document.getElementById("demo").innerHTML = text;//把提示文本内容显示出来

    }

</script>

</body>
</html><!DOCTYPE html>