h5 input 的验证

Posted 2020-10-11 Mr.方

 

 

<input type="text" id="a" required/>
    <input type="text" id="b" />

 

 

 

 input 有个validity属性 ，通过查看validity的属性，可以获取到默认的验证值

valid:true//当前输入是否有效

badInput: false //输入无效，如number框输入abc

patternMismatch: false //正则表达式验证失败

rangeOverflow:  false //输入值超过max的限定

rangeUnderflow: false //输入值小于min的限定

tooLong : false //输入的字符数超过maxlength

tooShort :   false //输入的字符数小于minlength

stepMismatch : false //输入的数字不符合step限制

typeMismatch : false //输入值不符合email、url的验证

valueMissing : false //未输入值，违反了required要求

customError :  false //是否存在自定义错误