2020.11.21

checkValidity()：

如果 input 元素中的数据是合法的返回 true，否则返回 false。

setCustomValidity()：

设置 input 元素的 validationMessage 属性，用于自定义错误提示信息的方法。

使用 setCustomValidity 设置了自定义提示后，validity.customError 就会变成true，则 checkValidity 总是会返回false

checkValidity()方法：

<input id="id1" type="number" min="100" max="300" required>

<button onclick="myFunction()">验证</button>

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

<script>

function myFunction() {

var inpObj = document.getElementById("id1");

if (inpObj.checkValidity() == false) {

document.getElementById("demo").innerHTML = inpObj.validationMessage;

}

}

</script>

 

约束验证DOM属性：

validity：布尔属性值，返回 input 输入值是否合法

validationMessage：浏览器错误提示信息