Form submission and email trigger in jQuery Mobile

A jQuery Mobile app is essentially one HTML page made up of several DIV pages. Say I have a HTML page with more than one forms whereby each is contained in its own DIV. When it comes to submitting a form or to trigger the universal email, how do I ensure that the form/email action is associated with the correct form? Should it be by any form submission or trigger by submit button?

Also, can a form POST and GET be sent to a specific form in a multiple forms HTML page? The jQuery App I am building now contains a registration form and an evaluation form. Perhaps the GET string should be something like m.mycompany.com#page?id=number&name=fname for example? How about POST?

I am trying to confine all the form transactions within 1 jQuery Mobile page rather than for the browser to fetch different pages for different things. That's not how a jQuery Mobile app should work.

in each form, use unique names and IDs for the form elements

for the triggers, use the submit button pressed.

if you use unique names for the submit buttons, you will be able to trigger different behaviors by which submit was pressed.


where the form data is sent is set by the action attribute of the form tag.

each form tag will have it's own action attribute, when the submit button in one form is pressed, only he form elements within that form are sent to the action page.

This is all the basics of how forms work whether in a jquery page or a standard HTML page.

Would multiple copies of Results, Update and Details be created since there are more than one forms? Would they clash?

Yes, there would be need to be multiple copies of the forms, just like there would have to be multiple copies of the pages if you did it on a page by page basis.

they wont clash as long as you use unique names and ids for the form elements and set the triggers to use the appropriate submit button.