HTML5为表单提供了自带的输入规则提示
但是实际开发中，我们往往需要自定义提示消息和规则，例如限定了最大值但不要求超出时提示错误信息，这时便用到了H5提供的表单新的JS属性--validity,它是包含默认提示规则检验结果的对象
valid //当前输入是否有效
badInput //输入类型有效性
patternMismatch //正则表达式验证结果
rangeOverflow //输入值是否超过max的限定
rangeUnderflow //输入值是否小于min的限定
tooLong //输入的字符数是否超过maxlength
tooShort //输入的字符数是否小于minlength
stepMismatch //输入的数字是否符合step限制
typeMismatch //输入值是否符合email、url的验证
valueMissing //是否违反required要求
customError //是否存在自定义错误提示消息
设置自定义错误消息的方法：
input.setCustomValidity(‘错误提示消息‘);//这个相当于将input.validity.customError:true
取消自定义错误消息的方法：
input.setCustomValidity("");//这个相当于将input.validity.customError:false
原文：https://www.cnblogs.com/xutao1517588477/p/11093715.html