请问老师关于form验证

请问老师checkValidity()和willValidate属性达到的是一样的效果吗？他们两个有什么不同之处吗

源自：项目：HTML5表单验证 2-1 html5基本表单验证特性介绍

收起

1回答

妮可妮可妮_ 2018-05-17 09:46:54

willValidate属性：用来返回某输入类型控件是否将进行表单验证；

checkValidity函数：用来进行表单验证；所有的验证有效，返回true，触发valid事件，否则，返回false触发invalid事件

提问者 hy_wang #1

请问老师我自己测试willValidate和checkValidity是一样的效果。不太明白你解释的willValidate可以详细解释一下吗

2018-05-17 11:12:05
妮可妮可妮_ 回复提问者 hy_wang #2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input id="one" type="text" pattern="/\d{4}/" required value="123456" /> <script type="text/javascript"> var input = document.getElementById('one'); // 是否使用了约束验证 console.log(input.willValidate); // 是否符合约束验证 if (input.checkValidity()) { alert('符合'); } else { alert('不符合'); } </script> </body> <html> 拿这个举例子,willValidate只要使用了约束验证就会返回true,而checkValidity返回的是是否符合约束验证,

2018-05-17 19:12:49