JS语句解释

最新推荐文章于 2024-04-24 19:31:26 发布

hy3528

最新推荐文章于 2024-04-24 19:31:26 发布

阅读量151

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/hy3528/article/details/103253521

版权

JavaScript 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

$("#date").val()

val是获取此id（或者class）中的input的值

document.getElementById("demo").innerHTML = text;

获取对应的id进行操作

JS API验证

在这里插入图片描述
以下为两个实例

<input id="id1" type="number" max="100">
<button onclick="myFunction()">验证</button>
 
<p id="demo"></p>
 
<script>
function myFunction() {
    var txt = "";
    if (document.getElementById("id1").validity.rangeOverflow) {
       txt = "输入的值太大了";
    }
    document.getElementById("demo").innerHTML = txt;
}
</script>

<input id="id1" type="number" min="100" required>
<button onclick="myFunction()">OK</button>
 
<p id="demo"></p>
 
<script>
function myFunction() {
    var txt = "";
    var inpObj = document.getElementById("id1");
    if(!isNumeric(inpObj.value)) {
        txt = "你输入的不是数字";
    } else if (inpObj.validity.rangeUnderflow) {
        txt = "输入的值太小了";
    } else {
        txt = "输入正确";
    }
    document.getElementById("demo").innerHTML = txt;
}
 
// 判断输入是否为数字
function isNumeric(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}
</script>