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：浏览器错误提示信息