JavaScript异常练习：验证输入的数字

最新推荐文章于 2023-03-31 15:30:55 发布

南北极之间

最新推荐文章于 2023-03-31 15:30:55 发布

阅读量204

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/qq_22182989/article/details/89228747

版权

前端开发专栏收录该内容

563 篇文章 50 订阅

订阅专栏

验证

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<body>
<script>
    function myFunction() {
        try {
            var x = document.getElementById("demo").value;
            if (x == "") throw "值为空";
            if (isNaN(x)) throw "不是数字";
            if (x > 10) throw "太大";
            if (x < 5) throw "太小";
        } catch (err) {
            var y = document.getElementById("mess");
            y.innerHTML = "错误：" + err + "。";
        }
    }
</script>
<h1>验证数字</h1>
<p>
    请输入5到10之间的数字：
</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入值</button>
<p id="mess"></p>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南北极之间

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript异常练习：验证输入的数字

验证<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title></head><body><script> function myFunction() ...
复制链接

扫一扫