h5 input 的驗證

 

 

<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 //是否存在自定義錯誤