本文介绍了HTML5中的约束验证API，包括willValidate、validity和validationMessage属性，以及checkValidity()方法。这些特性允许开发者在表单提交前进行验证，提高用户体验。同时，文章建议在处理表单提交时，通过获取并打印不符合验证条件的元素的错误信息，以实现更友好的错误提示。此外，还讨论了直接使用id作为标识符的兼容性和维护问题。
HTML5约束验证API：
willValidate 表示如果元素的约束没有被符合则值为 false
validity
validationMessage 用于描述与元素相关约束的失败信息。
checkValidity() 表示如果元素没有满足它的任意约束，返回false，其他情况返回 true
set
HTML5新增特性：
id===document.getElementById
但是不推荐直接使用id，因为兼容性不太好，而且容易与其他变量混淆，后期不易维护
validity对象：
%
各属性解释：
(1)获取描述与元素相关约束的失败信息，用validationMessage。在提交表单时，设置约束验证条件。
(2)获取表单和提交按钮。设置监听事件，监听表单提交按钮的点击事件！当按钮点击时，获取表单中所有不符合验证条件的元素，然后通过for循环，把这些元素的validationMessage错误信息打印出来！
Document
扫一扫
3583
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
