Javascript表單生成器

Question

有沒有人知道基於模型自動生成表單的JavaScript庫？

即給出一個模型是這樣的：

{ 
    name: "someone", 
    email: "someone@somwhere.com", 

} 

你會得到一個格式如：

Name: ___________ 
Email: __________ 

馬特

Answer 1

嘗試jQuery的dForm

例子：

var formdata = { 
    "action" : "index.html", 
    "method" : "get", 
    "elements" : 
    [ 
     { 
      "type" : "p", 
      "html" : "You must login" 
     }, 
     { 
      "name" : "username", 
      "id" : "txt-username", 
      "caption" : "Username", 
      "type" : "text", 
      "placeholder" : "E.g. user@example.com" 
     }, 
     { 
      "name" : "password", 
      "caption" : "Password", 
      "type" : "password" 
     }, 
     { 
      "type" : "submit", 
      "value" : "Login" 
     } 
    ] 
}; 

$("#myform").buildForm(formdata); 

構建：

Answer 2

嘗試以下提到的插件

http://code.google.com/p/jquery-form-builder-plugin/

http://www.botsko.net/blog/2009/04/07/jquery-form-builder-plugin/

Answer 3

inputEx之一似乎確定

inputEx是一個開源的javascript框架，用於使用YUI3庫爲Web應用程序構建字段和表單。

Answer 4

如果你正在尋找使用jQuery生成動態表單，那麼我建議看看Alpaca。

Alpaca是一個開源的表單庫（Apache 2授權）。它使用JavaScript基於JSON Schema生成表單，並且非常靈活，因此您可以註冊新的控件類型，佈局，約束和驗證功能。

我認爲它會處理你描述的情況很容易。

它具有一些很好的模板功能（jQuery模板），jQuery Mobile渲染引擎和「連接器」模式，以便您可以從遠程數據源讀取並保留表單和佈局定義。

注意：我是Alpaca後面公司的開發人員之一。我們開放源代碼，因爲我們認爲這對社區來說很好。我們積極開發羊駝，並將其用於我們的產品（Cloud CMS）。其他人已經將其用於其他CMS系統以及由MongoDB和CouchDB等支持的項目。因此，它已經投入了大量的研究。

Answer 5

我可以虛心地建議Metawidget？

它從JSON對象創建UI。它不需要JQuery，但支持它。它還支持其他對象格式（如JSON模式，REST架構等）。