HTML5表单新验证属性、状态

HTML5 - 表单新验证属性

   1. required:验证当前元素之是否为空

   2. pattern: 使用正则表达式验证当前元素值是否匹配，不能验证内容是否为null

   3. min和max: 验证当前元素值最大值或最小值， 一般使用与number/range等元素

   4. minlength和maxlength:验证当前元素值的最小长度和最大长度， minlength:并不是html5的新属性

   5. validity:表单验证HTML5提供一种有效状态, 有效状态通过  validityState对象获取到,  
      validityState对象可通过validity属性得到

HTML5 - 表单新验证状态

  1. validityState对象提供了一系列的有效状态
     通过有效状态判断，进行判断
     注意：所有验证状态必须配合上诉的验证属性使用

  2. valueMissing: 
     判断当前元素值是否为空
     配合required属性使用

  3. typeMismatch
     判断当前元素值得类型是否匹配
     配合email/number/url等属性使用

  4. patternMismatch
     判断当前元素值是否匹配正则表达式
     配合pattern属性使用

  5. tooLong
     判断当前元素值的长度是否正确
     配合maxlength属性

  6. rangeUnderflow
     判断当前元素值是否小于min属性值
     配合min

  7. stepMismatch
     判断当前元素值是否与step设置相同
     配合step属性，并不与min和max属性值比较

  8. valid : 
     判断当前元素是否正确
     返回true - 表示验证成功
     返回false - 表示验证失败

  9. customError：
     配合setCustomValidity()方法使用
     setCustomValidity() 设置自定义的错误提示内容
     一旦使用该方法修改默认错误提示后，即使输入正确也会有提示