前端表單驗證的目的

只要稍微正規的網站，如果有使用者互動介面，基本都會有表單驗證功能。

比如本站的使用者註冊介面，就有比較簡單的驗證功能，如果資料錯誤會給出對應的提示。

表單驗證的目的是以人性化的方式給予使用者表單期望資料的提示或者錯誤資訊反饋。

一.驗證的分類：

從驗證的位置可以將表單驗證分為如下兩種：

（1）.前端驗證。

（2）.伺服器驗證。

前端驗證，就是在資料傳送到伺服器端之前，僅在瀏覽器端進行資料正確性驗證。

當我們進行表單註冊或者傳送一些資訊的時候，基本上都會進行前端驗證。

前端驗證有如下幾個優點：

（1）.由於不需要在伺服器端進行處理，所以響應速度非常快。

（2）.可以較為簡單的實現豐富多樣的驗證效果，如果是後端驗證則要麻煩一些。

伺服器驗證就是資料傳送到伺服器之後，在伺服器端通過後端程式碼對資料進行正確性驗證。

然後再將驗證效果反饋到前端，與純前端驗證相比，響應速度較慢，實現上可能相對繁瑣一些。

二.前端驗證是否可以替代伺服器端驗證：

很多朋友認為只要前端驗證做的好，伺服器端驗證完全可以省略。

因為前端與伺服器端驗證的資料是完全重複的，這是完全錯誤的看法。

大多數正規網站都是前端驗證與伺服器端驗證並存，也可以只有伺服器端驗證。

但是絕對不能只有前端驗證，原因如下：

（1）.前端驗證的目的是為了提高人性化。

（2）.後端驗證則真正為了資料安全，因為前端驗證可以很輕鬆的繞過。

（3）.只保留後端驗證就可以實現驗證效果，但響應慢，所以通常都是兩者並存。

三.繞過前端驗證舉例：

前端驗證大多數都是通過JavaScript實現的，所以禁用JavaScript是繞過前端驗證的方式之一。

其他瀏覽器不做介紹，下面介紹一下谷歌瀏覽器如何禁用JavaScript。

（1）.點選瀏覽器右上角按鈕：

點選此按鈕會彈出一個下拉選單，然後點選設定按鈕。

（2）.點選高階按鈕：

點選高階按鈕，然後在展開的選單中找到"內容設定"。

（3）.點選然後禁用JavaScript即可：

找到如下圖示選單，點選進去，然後禁用就可以了：

這樣前端JavaScript就失效了，那麼用JavaScript程式碼寫的驗證效果也就失效了。