js domEle.checkValidity().html

最新推荐文章于 2020-09-22 21:58:35 发布

学无止境慢慢来

最新推荐文章于 2020-09-22 21:58:35 发布

阅读量153

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_42193179/article/details/105330891

版权

js 专栏收录该内容

132 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>js domEle.checkValidity()</title>
</head>
<body>
<p>输入数字并验证:</p>
<input id="id1" type="number" min="100" max="300" required>
<button οnclick="validate()">验证</button>
<p id="demo"></p>

<script>
    function validate() {
        let inpObj = document.getElementById("id1");
        if (inpObj.checkValidity() == false) {
            document.getElementById("demo").innerHTML = inpObj.validationMessage;
        } else {
            document.getElementById("demo").innerHTML = "输入正确！";
        }
    }
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

学无止境慢慢来

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js domEle.checkValidity().html

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>js domEle.checkValidity()</title></head><body><p>输入数字并验证:</p><in...
复制链接

扫一扫