Programmatically submitting forms in TR registration process

Ryan Doiron

Hi There,


I am attempting to add some transitional animations to each step of the participant/team registration process in a TR. I have been successful in doing so for the first step for the participant registration, however, I have run into an issue on the second step (Returning Participant or User Login).


There are three submit buttons (Join as a New Participant, Log In, Previous Step) on this page related to forms. I have a need to override the default actions of these buttons in order to add/remove various animation classes to various elements on the page, and once the animations have completed, programmatically submit the form.


The problem is that if I attempt to programmatically submit the form, I do not get the expected behaviour back. For example, if I attempt to programmatically submit the form related to the "Previous Step" button (ala $('f2fStepButton').submit() ), it should take me back to the first step in the registration process. Instead, the form is submitted and the page is simply refreshed to the same step that I was on.


Does anyone have any insight that they could share on this?

Jason Thomas

Ryan Doiron:

Hi There,


I am attempting to add some transitional animations to each step of the participant/team registration process in a TR. I have been successful in doing so for the first step for the participant registration, however, I have run into an issue on the second step (Returning Participant or User Login).


There are three submit buttons (Join as a New Participant, Log In, Previous Step) on this page related to forms. I have a need to override the default actions of these buttons in order to add/remove various animation classes to various elements on the page, and once the animations have completed, programmatically submit the form.


The problem is that if I attempt to programmatically submit the form, I do not get the expected behaviour back. For example, if I attempt to programmatically submit the form related to the "Previous Step" button (ala $('f2fStepButton').submit() ), it should take me back to the first step in the registration process. Instead, the form is submitted and the page is simply refreshed to the same step that I was on.


Does anyone have any insight that they could share on this?

Hi Ryan, 


I do not have a solution, but I imagine it might be useful to see an example of what you're working on.


It sounds cool, btw!

-Jason