2012-01-19 44 views

Respuesta

7

Trate jQuery dForm

Ejemplo:

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. [email protected]" 
     }, 
     { 
      "name" : "password", 
      "caption" : "Password", 
      "type" : "password" 
     }, 
     { 
      "type" : "submit", 
      "value" : "Login" 
     } 
    ] 
}; 

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

Construye:

enter image description here

+0

Este parece agradable – liunian

1

inputEx parece bien

inputEx es un marco de JavaScript de código abierto para crear campos y formularios para aplicaciones web utilizando la biblioteca YUI3.

11

Si está buscando generar formularios dinámicos usando jQuery, entonces le recomiendo echar un vistazo a Alpaca.

Alpaca es una biblioteca de formularios de código abierto (con licencia de Apache 2). Genera formularios basados ​​en el esquema JSON mediante JavaScript y es bastante flexible para que pueda registrar nuevos tipos de control, diseños, restricciones y funciones de validación.

Creo que manejaría el escenario que describió con bastante facilidad.

Tiene algunas buenas características de plantilla (plantillas jQuery), motores de representación para jQuery Mobile y un patrón de "conector" para que pueda leer y conservar definiciones de formularios y diseños desde una fuente de datos remota.

Nota: Soy uno de los desarrolladores de la compañía detrás de Alpaca. Lo abrimos porque pensamos que sería genial para la comunidad. Alpaca se desarrolla activamente y lo usamos para nuestro producto (Cloud CMS). Otros lo han utilizado para otros sistemas CMS, así como para proyectos respaldados por MongoDB y CouchDB, etc. Por lo tanto, se ha invertido mucho esfuerzo.

0

¿Puedo sugerir humildemente Metawidget?

Crea UI de objetos JSON. No requiere JQuery, pero tiene soporte para eso. También es compatible con otros formatos de objeto (como el esquema JSON, esquemas sobre REST, etc.).

Cuestiones relacionadas