The dform plugin allows to create html forms programmatically in JavaScript (usually JSON)
Pull request Compare This branch is 78 commits behind daffl:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
documentjs @ cf61606
steal @ 2a926ca

@page index jQuery dForm

jQuery dForm

The jQuery.dForm plugin allows you to create your HTML forms programmatically from JavaScript objects (and therefore JSON, too).


var formdata =
    "action" : "index.html",
    "method" : "get",
    "elements" : 
            "name" : "textfield",
            "caption" : "Label for textfield",
            "type" : "text",
            "value" : "Hello world"
            "type" : "submit",
            "value" : "Submit"

// Or to load the form definition via AJAX

How to get it:

Download the latest package (0.1.4(

Clone the current master on GitHub

How to get involved:

What it is for:

There are many server side web frameworks that support HTML form generation, but you often end up mixing client (e.g. JavaScript validation) and server side processing concerns together.

This plugin moves the generation of forms entirely on the client side so that the server just has to provide a JavaScript object (usually as JSON) that contains all the information needed to create this form. It is easily extensible for custom form elements and properties.

You should try this plugin if you want to

  • manage all your form related jQuery plugins in a unified way (jQuery UI and the Validation plugin supported out of the box)
  • scaffold forms from business objects of your server side framework
  • have an easy way to include jQuery UI elements and JavaScript validation
  • write JavaScript instead of HTML markup since your page doesn't run without JS anyway