表单验证流程

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

　　可以使用：valid和：invalid伪类，用样式实时显示验证情况；

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

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

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

　　

转载于:https://www.cnblogs.com/chwafo/p/7986171.html