Is there any such thing as a JSON Builder?
I've found a treasure trove of JSON-related online editors / visual editors / JSON Schema form frameworks: GUI-based or Web-based JSON editor that works like property explorer
However I believe jsonform (https://github.com/joshfire/jsonform) is most appropriate for you. Here is an example of a basic JSON enabled form:
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Getting started with JSON Form</title> <link rel="stylesheet" style="text/css" href="deps/opt/bootstrap.css" /> </head> <body> <h1>Getting started with JSON Form</h1> <form></form> <div id="res" class="alert"></div> <script type="text/javascript" src="deps/jquery.min.js"></script> <script type="text/javascript" src="deps/underscore.js"></script> <script type="text/javascript" src="deps/opt/jsv.js"></script> <script type="text/javascript" src="lib/jsonform.js"></script> <script type="text/javascript"> $('form').jsonForm({ schema: { name: { type: 'string', title: 'Name', required: true }, age: { type: 'number', title: 'Age' } }, onSubmit: function (errors, values) { if (errors) { $('#res').html('<p>I beg your pardon?</p>'); } else { $('#res').html('<p>Hello ' + values.name + '.' + (values.age ? '<br/>You are ' + values.age + '.' : '') + '</p>'); } } }); </script> </body></html>
Good luck!
Just a footnote, this website will be of use as well: http://json-schema.org/