HTML5表单新验证

表单新验证属性

 1. required: 验证当前元素之是否为空
 2. pattern: 使用正则表达式验证当前元素值是否匹配，不能验证内容是否为null
 3. min和max: 验证当前元素值最大值或最小值,搭配input大的number和range使用
 4. minlength和maxlength:限制字符数，输入的值不会超过maxlength的长度
 5. validity:表单验证HTML5提供一种有效状态

表单新验证状态

 1. validityState：对象提供了一系列的有效状态
 2. valueMissing：搭配required使用，当内容为空，返回true
 3. patternMismatch：搭配pattern使用，判断是否符合正则表达式
 4. typeMismatch：配合email/number/url等属性使用，判断当前元素值得类型是否匹配
 5. tooLong：配合maxlength属性，判断当前元素值的长度是否正确
 6. rangeUnderflow：配合min，判断当前元素值是否小于min属性值
 7. stepMismatch：配合step属性，判断当前元素值是否与step设置相同
 8. valid：判断表单是否正确
 9. customError：配合setCustomValidity()方法使用，设置自定义的错误提示内容，一旦使用该方法修改默认错误提示后，即使输入正确也会有提示，validityState所有状态都返回false