vue 表單校驗 一

表單校驗 一

最近使用elment-ui表單進行各種校驗，心力交瘁，依舊不能很好地解決，先列出自己的歸類，后期一個個攻破

• 表單校驗史

表單校驗准則

• 參考資源

  • 1
  • 2
  • 3
  • 4
  • 5

• 第一種

  • 顯示明確的錯誤消息。
  • 放寬輸入格式。
  • 指出錯誤發生的位置（特別是在大型表單中）。

• 第二種

  • short
  • friendly
  • easy

正常錄入數據進行校驗

校驗時的幾種類型

• 輸入時進行校驗，主要用到input,也可以是鍵盤事件，但目前而已，input是最好的
  

• 輸入完校驗，主要利用 鼠標blur事件

• 后端校驗， 檢驗完后，在前端返顯即可

測試表單校驗插件系列 （針對vue）

• vue form vaildation

• vuelidate

• VeeValidate

• async-validator 組件開發時會被用到（element-ui， iView等在使用）

表單校驗流程

表單校驗默認流程

• vue中 v-model.trim 去除兩側空格
• 正則校驗(基本可以解決一切)

表單校驗太多，我准備分批探討。這算是開篇，后期會給予自己做的element-ui進行一系列說明。