easyjsonform
When you need just a form, not a <form>
EasyJsonForm is the javascript solution when end-users need to create forms, such as survey or homework submission systems. With EasyJsonForm, forms and form data are represented as objects that can be exported as JSON and rebuilt whenever you want.
Interactive demo
Next to you, you see the builder, which is used to create the form structure. With the builder, you can add, remove, delete and reorder form fields. Feel free to play and check the other tabs to see the changes.
For example, imagine you are developing a survey system. The super-user of your system needs to create a new survey. This is a task for the form builder.
Next to you you see the form that is generated for the user, based on the structure created by the builder.
The forms can be filled out (try to input some values to see how this affects the next tabs) and validated (use the button below). For more interesting examples, go back to the builder and try to set some fields as mandatory.
In our example, this would be the survey form that the normal users should fill in.
Here you can see the json representation of the form created. It contains the structure and the values, so this can be saved in a file or database. And whenever the form or builder is needed, EasyJsonForm can transform this json into a form again.
Sometimes you will not need the whole form, but just a simple data export.
EasyJsonForm exports data in 3 ways: Raw, Simple and HTML.
The Raw export is just an export of the values in an indexed javascript array, according to the order of the fields.
Sometimes you will not need the whole form, but just a simple data export.
EasyJsonForm exports data in 3 ways: Raw, Simple and HTML.
The Simple export outputs data as javascript object, with its keys being the field labels and its values, the values entered in the form.
Sometimes you will not need the whole form, but just a simple data export.
EasyJsonForm exports data in 3 ways: Raw, Simple and HTML.
The HTML export is similar to the simple export, but exports the data as a HTML table.