HTML表單驗證在JS

Question

海，

我有一個PHP項目，其中包含一個名爲與我們聯繫形式，在這個當用戶提交表單郵件已經發送給管理員。我的目標是設計這個頁面是動態的。我的意思是，管理員可以添加或更改聯繫我們頁面中的字段。我已經實現了一個文本編輯器來做到這一點。這裏管理員可以設計聯繫人頁面。我的問題是，我想驗證（服務器端和客戶端）所有的領域。怎麼可能使用JavaScript ..有沒有人知道這一點？

Answer 1

如果不知道特定字段中的數據類型，可能無法進行表單驗證。例如，可能有多個電子郵件字段，但除非系統知道它是電子郵件地址，否則無法對電子郵件執行驗證。因此，根據我的最佳方式是設置「文本編輯器」或表單編輯器，以便可以分配預定義的字段類型。 對於如：

$Field_1 = array(type=>"textbox",validate_as=>"email"); 

Answer 2

也許你保存的格式，允許以確定每一個的內容類型的字段。在這種情況下，您可以在HTML中添加一個屬性來標識您需要在每種情況下應用的驗證類型。然後你可以使用一些驗證插件。 （例如Java script coder validation script,LS Form validator）

服務器端將沒有不同的情況，也許更簡單。

Answer 3

爲了使驗證工作，您必須有一組可以添加到窗體的預定義字段。

我最後一個項目，我也是這樣做的。有服務表格將由訪客填寫。服務所有者可以在應用程序控制面板中添加自定義字段，然後訪問者將看到該字段。設計時，可以添加的字段類型有限，一個普通字段：文本，textarea，收音機，複選框，下拉菜單以及電子郵件地址等特殊字段。唯一需要的驗證只是需要或不需要，專業領域將攜帶它自己的驗證規則。這個自定義字段數據然後保存到數據庫。當我顯示這個自定義字段時，我使用jQuery validation plugins做瀏覽器驗證，而在後端代碼中，我也使用Form Validation庫（我正在使用CodeIgniter）進行驗證。所有需要的規則在從數據庫獲取時由自定義字段攜帶。

我希望這是你想要做的。您可能會看到wufoo.com以查看字段設計器頁面的外觀。在我的項目中，這只是一個簡單的點擊和添加，沒有拖放功能。所有使用jQuery編寫的代碼用於項目使用。