Generator formularzy JavaScript

Question

Czy ktoś wie o bibliotece javascript do automatycznego generowania formularza na podstawie modelu?

czyli dany model coś takiego:

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

} 

chcesz otrzymać formularz jak:

Name: ___________ 
Email: __________ 

Matt

Answer 1

Spróbuj jQuery dForm

Przykład:

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

Buduje:

Answer 2

Wypróbuj jedną z niżej wymienionych wtyczek

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

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

Answer 3

inputEx wydaje się ok

inputEx to open-source framework javascript do budowania pól i formularzy dla aplikacji internetowych przy użyciu biblioteki YUI3.

Answer 4

Jeśli chcesz wygenerować dynamiczne formularze za pomocą jQuery, to polecam rzucić okiem na Alpaca.

Alpaca to biblioteka formularzy o otwartym kodzie źródłowym (licencjonowana w ramach Apache 2). Generuje formularze oparte na schemacie JSON przy użyciu JavaScript i jest dość elastyczny, aby można było rejestrować nowe typy kontrolek, układy, ograniczenia i funkcje sprawdzania poprawności.

Myślę, że poradziłby sobie z łatwością opisanym scenariuszem.

Ma kilka ciekawych funkcji szablonów (szablony jQuery), silników renderujących dla jQuery Mobile i wzorca "łącznika", dzięki czemu można odczytać i zachować definicje formularzy i układów ze zdalnego źródła danych.

Uwaga: Jestem jednym z programistów w firmie stojącej za Alpaca. Otworzyliśmy go, ponieważ uważaliśmy, że będzie on świetny dla społeczności. Alpaca jest aktywnie rozwijana i używamy go dla naszego produktu (Cloud CMS). Inni wykorzystali go do innych systemów CMS, a także do projektów wspieranych przez MongoDB i CouchDB itd. W ten sposób wprowadzono w nim wiele szlifów.

Answer 5

Czy mogę pokornie zasugerować Metawidget?

Tworzy interfejsy użytkownika z obiektów JSON. Nie wymaga JQuery, ale ma na to wsparcie. Obsługuje również inne formaty obiektów (takie jak Schemat JSON, schematy w REST itp.).