JFinal極速開發實戰-業務功能開發-通用表單驗證器

提交表單數據時，須要通過前端的驗證才能提交到後臺，而後臺的驗證器再作一道數據的校驗，成功以後才能進入action進行業務數據的處理。

在表單數據的驗證中，數據類型的驗證仍是比較固定的。首先是對錄入數據的長度驗證（最大->自帶，最小->vMin），其次就是對數據的內容（類型->vType）進行有效性驗證。

在日積月累的學習開發中，本身應該積累一些常見的數據校驗處理方法，在不一樣的項目中只須要結合不一樣的UI修改一下驗證提示便可。

form_elements.html中的表單輸入驗證提示效果，根據不一樣的驗證結果顯示不一樣的顏色提示，JFinalUIB中只用上了驗證成功綠色提示，驗證失敗紅色提示，沒有使用警告黃色提示。處理提示顏色的切換時使用的樣式屬性是has-success,has-error,因此再項目中只須要根據驗證的結果，修改form_group後面的樣式屬性便可

verify.js中的inputDataVali是通用的驗證方法，參數的input對象，根據input對象，獲取輸入類型和數據校驗的類型，類型符合就取出最大和最小長度，進行數據長度的驗證，根據驗證結果調用hiddenInputColor和showInputColor修改輸入框的顏色進行提示。接着根據數據驗證類型調用對應的驗證方法，驗證數據是否符合要求，而且根據驗證結果修改顏色提示，最後根據驗證結果返回成功或者失敗的布爾值。

input輸入框中的onblur事件是控制在焦點離開時當即進行數據的校驗，這是初步的校驗，在表單提交時會對全部的input輸入框作一次性的校驗，只有全部輸入項都驗證成功時才提交數據。

form總體驗證，在用戶點擊提交按鈕時進行form的全部數據一次性校驗，分下面兩種方法。

一是明確form中都是簡單的數據類型校驗，通用的驗證能知足要求，能夠調用formValiSubmint驗證完成經過並提交請求；

二是form中包含如下特殊的數據校驗，好比帳號的惟一性等等，須要單獨寫驗證方法處理，這樣就須要調用formVali驗證通用的部分，再結合個性化驗證，若是都驗證經過時才提交表單。

用戶信息校驗：用戶信息編輯時有不少的輸入項須要驗證，包含了不少常見的數據類型驗證，複雜的有彈出框選擇性的驗證，其實只要封裝的簡潔，應用起來都很容易，只是在input上面加幾個擴展屬性便可。