201201Okt

jQuery dForm: Formulare mittels JSON erzeugen

Für die dynamische Erzeugung von HTML-Fomularen gibt es bereits diverse Lösungen wie beispielsweise pForm oder jQuery Contactable. Grundsätzlich kann eine Skriptsprache wie PHP oder Ruby sehr effektiv sein, wenn es darum geht, die Bausteine eines Kontaktformulars dynamisch zu erzeugen. Allerdings ist bei Webanwendungen, die primär auf JavaScript basieren, eine entsprechende JavaScript- oder jQuery-Lösung erforderlich. Das jQuery-Plugin dForm könnte hier interessant werden, da sich damit Formulare aus JSON-Daten erzeugen lassen.

jQuery dForm

Die Erzeugung könnte dann in etwa so aussehen:

  • $("#formular").dform({
  • "action": "index.php",
  • "method": "get",
  • "html":
  • [
  • {
  • "name": "username",
  • "id": "txt-username",
  • "caption": "Benutzername",
  • "type": "text"
  • },
  • {
  • "type": "submit",
  • "value": "Anmelden"
  • }
  • ]
    });

Das Plugin erlaubt zudem die Integration jQuery UI-Widgets und lässt sich auch durch Form-Validierung und Mehrsprachigkeit erweitern.