1.h5表单自带表单验证,如required,pattern,email等;使用自带验证时,会根据输入,实时修改每个input标签的validity属性;

  可以使用:valid和:invalid伪类,用样式实时显示验证情况;

2.表单提交事件触发后,若表单的novalidate属性为false,则先详细检查表单的验证状态。若存在为通过的状态,则弹出提示信息;若验证通过,则执行自定义监听函数和默认监听函数;

3.在表单提交事件触发之前,可以详细判断表单的验证状态,根据验证状态使用setCustomValidity()方法,设置表单事件触发后要显示的提示信息。

4.checkValidity()方法可以粗略验证表单元素的验证状态,所以当验证不通过时,无法确定具体是哪一个验证不通过