HTML5表單新驗證屬性、狀態(tài)

HTML5 - 表單新驗證屬性

   1. required:驗證當前元素之是否為空

   2. pattern: 使用正則表達式驗證當前元素值是否匹配，不能驗證內(nèi)容是否為null

   3. min和max: 驗證當前元素值最大值或最小值， 一般使用與number/range等元素

   4. minlength和maxlength:驗證當前元素值的最小長度和最大長度， minlength:并不是html5的新屬性

   5. validity:表單驗證HTML5提供一種有效狀態(tài), 有效狀態(tài)通過  validityState對象獲取到,  
      validityState對象可通過validity屬性得到

HTML5 - 表單新驗證狀態(tài)

  1. validityState對象提供了一系列的有效狀態(tài)
     通過有效狀態(tài)判斷，進行判斷
     注意：所有驗證狀態(tài)必須配合上訴的驗證屬性使用

  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() 設置自定義的錯誤提示內(nèi)容
     一旦使用該方法修改默認錯誤提示后，即使輸入正確也會有提示
最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容