84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
html5中那些原生的验证，如required、pattern等，在验证无效时，那些弹出的提示框是怎么实现的？为什么当因为不同的约束条件不满足而无效时，会弹出不同内容的提示框？是不是结合invalid事件和validity属性实现的？setCustomValidity()方法的工作原理是什么？感觉这块内容越看越乱，还请大牛指教……
欢迎选择我的课程，让我们一起见证您的进步~~
去看MDN上的表单验证吧，我觉得说的还是挺清楚的，你可以按照它给的小demo一点点撸，慢慢就明白了。
required:空白验证，比如说：
如果input[type=text]的value为空，就会弹出提示框，并且阻止表单提交；pattern:匹配正则表达式，比如说：
如若input[type=text]的value不为3个数字，在点击提交按钮的时候，就会提出提示
去看MDN上的表单验证吧，我觉得说的还是挺清楚的，你可以按照它给的小demo一点点撸，慢慢就明白了。
required:空白验证，比如说：
如果input[type=text]的value为空，就会弹出提示框，并且阻止表单提交；
pattern:匹配正则表达式，比如说：
如若input[type=text]的value不为3个数字，在点击提交按钮的时候，就会提出提示