Search jQuery

jQuery Forum

Using jQuery

gautamx07

How to code payment form in a modern way

in Using jQuery • 2 years ago

Hey guys , so suppose you have 3 forms , like so:

FORM 1

FORM 2

FORM 3

Now how would you code these form's in a modern way ? I.E. i beleive in the pre-AJAX period the form's would be separate pages , but what about now , i would really like the forms to us some ajax and then once the first form is submitted i would like the 2nd form to come in with some animation and so on ....

So now , how exactly do i store the 2nd and 3rd form ?? iframe ??

Replies(3)

watusiware

Re: How to code payment form in a modern way

2 years ago

Not really sure what you are getting at.

I don't see much if any point in using Ajax to "bring the forms in". Ajax may be useful to submit the data, though. I don't know if you need to submit the data as each form is filled, or only at the end.

I would just put all 3 forms in one document. They are small forms. Why make 3 trips to the server, when you can make 1?

You can hide/show them to the user one at a time. In order to do any fancy transition effects, both the "old" and "new" forms will need to be in the DOM at the same time. Just include them all in your document.

I know Jake will disagree with me, but I don't like calling documents "pages". I know it is common usage, but it is wrong. (Nowhere do the HTML defining documents call them "pages".)

It gets confusing when you start doing things like this. Because you might like to consider each of your forms to be a "page" yet is is not a document - it is just a part of a document presented to the user in isolation.

I know you've played with jQuery Mobile, and that REALLY muddies the issue, because JQM brings "pages" into the DOM from Ajaxed documents. Sometimes. Except when you use a multi-page document. ;)

For 3 little forms, it doesn't make much sense to Ajax them in. You aren't saving any resources, in fact you are probably burdening your server and the network more. (A tiny bit more!)