点约束HTML5,HTML5约束验证API，分享

HTML5约束验证API：

willValidate 表示如果元素的约束没有被符合则值为 false

validity

validationMessage  用于描述与元素相关约束的失败信息。

checkValidity()  表示如果元素没有满足它的任意约束，返回false，其他情况返回 true

set

HTML5新增特性：

id===document.getElementById

但是不推荐直接使用id，因为兼容性不太好，而且容易与其他变量混淆，后期不易维护

validity对象：

%

各属性解释：

(1)获取描述与元素相关约束的失败信息，用validationMessage。在提交表单时，设置约束验证条件。

(2)获取表单和提交按钮。设置监听事件，监听表单提交按钮的点击事件！当按钮点击时，获取表单中所有不符合验证条件的元素，然后通过for循环，把这些元素的validationMessage错误信息打印出来！

Document