checkValidity等form原生JS验证方法和属性详细介绍

checkValidity

HTMLSelectElement.checkValidity() 会检查元素是否有任何输入约束条件,并且检查值是否符合约束条件。如果值是不符合约束条件的,浏览器就会在该元素上触发一个可以撤销的 invalid 事件,然后返回 false

reportValidity

HTMLFormElement.reportValidity() 返回布尔值,如果 form 表单的子表单控件满足验证限制条件,则该方法返回 true ,否则返回false。当返回 false 时,每个不合法的子控件的 invalid 事件将会被触发,并且验证中存在的问题会报告该用户。

setCustomValidity

HTMLSelectElement.setCustomValidity() 方法设置指定的验证消息为选择元素的自定义验证消息。
使用空字符串来表示该元素没有自定义的验证错误。

参考

https://www.zhangxinxu.com/wordpress/2019/08/js-checkvalidity-setcustomvalidity/comment-page-1/

发表评论

邮箱地址不会被公开。 必填项已用*标注