JS checkValidity()方法

checkValidity()方法

JavaScript checkValidity()方法,可用于验证input元素定义的输入字段所获取到的输入是否包含有效的数据,如果包含,则返回true,否则返回false。


语法

inputObj.checkValidity()

checkValidity()方法实例代码,及在线编辑器

下方实例设置了一个type为number的input元素,并使用min属性和max属性设置了有效值的范围:

<input type="number" min="0" max="9" id="inp" style="width:50%"><br><br>
<button onclick="checkValue()">验证</button>

<script>
  function checkValue(){
    var inp = document.getElementById("inp");
    var t = inp.checkValidity()
    if(!t){
      alert("输入的数值无效,超出范围0到9")
    }else if(t){
      alert("输入的数值有效")
    }
  }
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.