JavaScript中的高級表單驗證

Question

我已經很熟悉如何使用onSubmit來評估表單內容與RegEx的對比，以確保它符合可接受內容的靜態參數。我想知道的是，如果有一種方法可以進一步提供對MySQL數據庫的驗證，例如，如果您想確保在提交表單之前尚未使用電子郵件地址，並且必須重新加載現場數據返回到適當的地方進行修正。

Answer 1

除非您將所有有效的電子郵件地址發送給客戶端（您不會），否則您將不得不做某種服務器往返操作來驗證字段，這相當於提交表單。但是使用AJAX，您可以完全驗證表單而不會損害用戶體驗;對他們來說，它將看起來像任何其他客戶端驗證。有一些JQuery插件可以幫助使基於AJAX的驗證更易於編寫代碼，但要自己動手編寫代碼並不困難。

Answer 2

您必須使用服務器端語言：php，perl，python ...因爲javascript（客戶端技術）無法直接與mysql服務器（serverside技術）通信。

在JavaScript中，如果您想避免整頁刷新，可以使用AJAX方法。嘗試使用jquery（一個處理交叉瀏覽器問題並簡化豐富的交互編程的JavaScript庫）及其$ .ajax（）函數。通過使用jquery form插件，這已經變得非常簡單。

Answer 3

這種驗證的大多數示例都使用某種異步請求返回到服務器以在數據庫中執行查找。通過使用XMLHttpRequest或其他Ajax風格的方法。

我建議創建一個小的URL端點，您可以發送一個快速的HTTP請求發送電子郵件地址進行檢查。它可以通過簡單的JSON響應返回true或false。