Generatore di moduli Javascript

Question

Qualcuno sa di una libreria javascript per generare automaticamente un modulo basato su un modello?

cioè, dato un modello di qualcosa di simile a:

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

} 

si otterrebbe una forma come:

Name: ___________ 
Email: __________ 

Matt

Answer 1

Prova jQuery dForm

Esempio:

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); 

Builds:

Answer 2

provare uno dei plug-in sotto indicati

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

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

Answer 3

inputEx sembra ok

inputEx è un framework javascript open source per creare campi e moduli per applicazioni Web utilizzando la libreria YUI3.

Answer 4

Se stai cercando di generare moduli dinamici utilizzando jQuery, ti consigliamo di dare un'occhiata a Alpaca.

Alpaca è una libreria di moduli open source (con licenza Apache 2). Genera moduli basati su JSON Schema utilizzando JavaScript ed è abbastanza flessibile in modo da poter registrare nuovi tipi di controllo, layout, vincoli e funzioni di convalida.

Penso che gestirà lo scenario che hai descritto abbastanza facilmente.

Ha alcune caratteristiche del modello (jQuery Templates), motori di rendering per jQuery Mobile e uno schema "connettore" in modo da poter leggere e mantenere la definizione di forma e layout da un'origine dati remota.

Nota: sono uno degli sviluppatori dell'azienda dietro Alpaca. Lo abbiamo aperto, perché pensavamo che sarebbe stato fantastico per la comunità. Alpaca è attivamente sviluppata e la usiamo per il nostro prodotto (Cloud CMS). Altri lo hanno usato per altri sistemi CMS così come i progetti sostenuti da MongoDB e CouchDB, ecc. Quindi, ha avuto un sacco di grind in esso.

Answer 5

Posso umilmente suggerire Metawidget?

Crea interfacce utente da oggetti JSON. Non richiede JQuery, ma ha il supporto per questo. Supporta anche altri formati oggetto (come JSON Schema, schemi su REST, ecc.).