本文小编为大家详细介绍“如何约束验证DOM”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何约束验证DOM”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
创新互联公司专业为企业提供泽普网站建设、泽普做网站、泽普网站设计、泽普网站制作等企业网站建设、网页设计与制作、泽普企业网站模板建站服务,十载泽普做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
约束验证 DOM 方法
checkValidity():如果 input 元素中的数据是合法的返回 true,否则返回 false。
setCustomValidity()
设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的方法。
使用 setCustomValidity 设置了自定义提示后,validity.customError 就会变成true,则 checkValidity 总是会返回false。如果要重新判断需要取消自定义提示,方式如下:
setCustomValidity('')
setCustomValidity(null)
setCustomValidity(undefined)
以下实例如果输入信息不合法,则返回错误信息:
checkValidity() 方法
function myFunction() {
var inpObj = document.getElementById("id1");
if (inpObj.checkValidity() == false) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
}
}
读到这里,这篇“如何约束验证DOM”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。