表单验证反馈

表单验证方法

通过查看validity对象下面的valid属性可以查看验证是否通过,当且仅当八种验证都通过时validity.valid值为true,只要有一种验证失败validity.valid值为false。

八种验证:
  • valueMissing : 输入值为空时
  • typeMismatch : 控件值与预期类型不匹配
  • patternMismatch : 输入值不满足pattern正则
  • tooLong : 超过maxLength最大限制
  • rangeUnderflow : 验证的range最小值
  • rangeOverflow:验证的range最大值
  • stepMismatch: 验证range 的当前值 是否符合min、max及step的规则
  • customError 验证是否符合自定义验证
    setCustomValidity(); 自定义验证
表单验证格式:
自定义验证格式:

你可能感兴趣的:(表单验证反馈)