Change cursor state to waiting while form processing

[crispy68]

Is this what you are sort of after?
https://webbuildertemplates.com/demo/waiting

[windsurfer]

When on the submit button on the form is pressed yes, the form does do validation for required inputs though.

[crispy68]

My demo form doesn't do anything other than redirect to a success page. As long as it stays on the form page, the progress spinner will be seen until the redirect happens. However, if the validation is incorrect and stays on the page for the user to correct then the spinner will still be seen as the spinner is shown when the submit button is clicked. So technically, the spinner needs to be only shown AFTER validation occurs unless it is redirecting to the error page. This will be a bit more complicated then and I don't think can be done just by using a simple event.

[protectourlands]

Crispy

Thank you for offering this demo. I tried this by adding an event to my submit button and the spinner shows perfectly, however the form does not process and go to the success page with the event applied to the submit button. When I remove the event the form works fine. Any ideas why?

I notice you added the spinner in a layer. Is this required? I just added the spinner image by itself. Thank you

[protectourlands]

OOOPS! Nevermind. Sorry, I just read Pablo's explanation that adding an event overides the submit function.

Works perfectly now. I added the javascript return true; per Pablo's directions. Thank you Crispy and Pablo!