JavaScript 验证API中checkValidity使用
属性 描述
checkValidity() 如果 input 元素包含有效数据,则返回 true。
setCustomValidity() 设置 input 元素的 validationMessage 属性。
如果输入字段包含无效数据,则显示一条消息:
checkValidity() 方法
<input id="id1" type="number" min="100" max="300" required>
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
const inpObj = document.getElementById("id1");
if (!inpObj.checkValidity()) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
}
}
</script>
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64497.shtml