前端校驗

前端校驗地位

各校驗方式的比較
（from:http://www.openwebx.org/docs/Webx3_Guide_Book.html#d0e10883）

沒有一種驗證方法是完美的。但把它們結合起來就可以克服各自的缺點，達到較完美的境地：

• 對所有欄位做伺服器端批量驗證，即便Java Script失效，伺服器驗證可作為最後的防線。
• 只要有可能，就對欄位做客戶端驗證，確保最迅速的響應和較好的使用者體驗。
• 對於必須訪問伺服器資源的驗證邏輯，例如檢查驗證碼、確認註冊帳戶ID未被佔用等，採用伺服器非同步驗證，提高使用者體驗。

以上混合形式的驗證無疑是好的，但是它的實現也比較複雜。

前端校驗框架選擇

需要考慮的問題

• 簡單。最好是引入幾個檔案，不需要寫過多的js/html程式碼，甚至不需要寫html程式碼，僅在html標籤上新增屬性就可以實現；
• 不影響原有佈局。因為前段校驗的地位，在專案開始階段可能因為時間問題不考慮前端校驗的實現，在後面引入的前端校驗框架需要不影響原有的佈局。
• 擴充套件性好。因為專案業務的特殊性，必然會有各式各樣的校驗規則（正則、組合校驗、非同步服務校驗），這種最好可以配置使用。

推薦校驗框架

nice-validator https://niceue.com/validator/