JavaScript学习：JavaScript表单API_js 表单api

作者：知新_RL | 2024-02-18 21:56:17

踩

js 表单api

一、约束验证DOM方法：checkValidity() 检查有效性、setCustomValidity()设置自定义有效性
二、约束验证DOM属性

属性	描述
validity	包含与input元素的合法性相关的布尔属性
validationMessage	包含当validity为false时浏览器显示的消息
willValidate	指示是否验证input元素

三、合法性属性
input元素的validity属性包含了数据合法性相关的一系列属性：

属性	描述
customError	设置为true，如果设置自定义的合法性消息
patternMismatch	设置为true，如果元素值不匹配其pattern属性
rangeOverflow	设置为true，如果元素值大约其max属性
rangeUnderflow	设置为true，如果元素值小于其min属性
stepMismatch	当字段有step属性，且输入的value值不符合设定的间隔值时，该属性值为true
tooLong	设置为 true，如果元素值超过了其 maxLength 属性
typeMismatch	当字段的 type 是 email 或者 url 但输入的值不是正确的类型时，属性值为 true
valueMissing	设置为 true，如果元素（包含 required）没有值
valid	设置为 true，如果元素值是有效的

rangeOverflow属性
if (document.getElementById(“id1”).validity.rangeOverflow) {
txt = “值太大”;
}
document.getElementById(“demo”).innerHTML = txt;
}
W3School

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/110810