How to read/edit/save information from multiple forms in the same page?

Question

I'm working with JavaScript, HTML and PHP on this website where I have a GUI quite similar with an IDE. What I'm trying to say is that I have multiple tabs with diferrent buttons that generate multiple forms on a big .

When I'm done with filling all the fields from these multiple forms, it will lately all be exported into a JSON object. But that's not the problem for now.

The big issue here is all about keeping the information and allowing the user to later edit it before exporting everything to JSON.

Any sugestions?

Regards

I have edited the Answer for some more information about json.parse! — Venkat.R, Sep 02 '13 at 10:50

score 1 · Answer 1 · answered Sep 02 '13 at 10:37

1

you need two way data binding, jquery is good or angular has great options for this kinda stuff.

answered Sep 02 '13 at 10:37

kangoroo

359
2
10

score 1 · Accepted Answer · edited May 23 '17 at 12:33

1

Since its JSON Object. you can change like below.

var json = '{"result":true,"count":1}',
    obj = JSON.parse(json);

alert(obj.count);

Refer for more information Parse JSON in JavaScript?

To Store the JSON into HTML5 Localstorage Concept will help you.

I Prefer BackBoneJS

Check the below SO Answer

Backbone.js Multi-Step Form

edited May 23 '17 at 12:33

Community

1
1

answered Sep 02 '13 at 10:40

Venkat.R

7,420
5
42
63

this way really slows down the performance, fyi. over 60 items, you are suffering big time. – kangoroo Sep 02 '13 at 12:08
Ended using Backbone.js. Thanks! – rk22 Dec 12 '13 at 16:31

How to read/edit/save information from multiple forms in the same page?

2 Answers2

I Prefer BackBoneJS