how to create a html form using a JSON definition?

Question

I am looking for a javascript lib which enables me to store (html) forms in JSON format, with a bit of intelligence built into validate inputs client side. Something like:

function FormController(){   this.user = {     name: 'John Smith',     address:{line1: '123 Main St.', city:'Anytown', state:'AA', zip:'12345'},     contacts:[{type:'phone', value:'1(234) 555-1212'}]   };   this.state = /^\w\w$/;   this.zip = /^\d\d\d\d\d$/; } 

(This is taken from http://docs.angularjs.org/#!cookbook.form ). It's almost what I want, as it offers basic client side validation with regular expressions and you can provide defaults but it appears to still need you to create the HTML form.

I want something that only requires the definition. Any ideas?

Answer 1

In shameless self promotion I would also like to mention my jQuery.dForm plugin. It's been around for a while now and support the jQuery validation plugin, jQuery UI and is easily extensible. This is how it looks:

var formdata = {     "action" : "index.html",     "method" : "get",     "elements" :      [         {             "name" : "textfield",             "caption" : "Label for textfield",             "type" : "text",             "value" : "Hello world"         },         {             "type" : "submit",             "value" : "Submit"         }     ]            }; $("#myform").buildForm(formdata);  // Or to load the form definition via AJAX $("#myform").buildForm("http://example.com/myform.json");