I have a newsletter signup form at the head of a site. When someone submits their details I want the data to submit via Ajax to the database, but NOT delete the fields. The nature of the site is that several people might sign up at once. I don't want to reload the page after submission because it'll be ugly and I'm doing some jQuery stuff that shows and hides the form.
So in short: Is it possible to leave the fields after submission?
Thanks!
Ben
Yeah, there's no provision to do what you're asking right now. The current option removes the form once it's been posted and replaces it with a confirmation message, or simply redirects. We've discussed some more options for this scenario for the future, but right now you have to work with this functionality.
I guess you could work around it by possibly placing the form in an iframed page in your header, then use the regular (non-AJAX) submission method. When you do that, you can include the form shortcode in the confirmation message so it essentially reloads the form in the same place. Unfortunately, using the shortcode with the AJAX submission method doesn't work the same.
screenshot: http://bit.ly/nFHnB4
Once you've done that, you'll need to remove the default confirmation message styling if you don't want it, but I believe that would work.
screenshot ( result of shortcode in confirmation message as shown above ): http://bit.ly/qpgFwz
I'm sure it's not an optimal solution, but a work-around that should get the job done until there are more options.
Hope that helps.
media@coloradocommunity.org
Member
I second this request. I have the form within a sliding tab configuration. I want visitors to be able to refresh the page to see the form again. However, when a form is submitted, refreshing the page resubmits the form. So I want to just have to form show up again. I can use an anchor, but I'd rather not have to do that. Or is there a way to have the confirmation message show up and be able to reload the page to show the form again?
Ben, anchors might help. I added an anchor to the top of the form, and instead of confirmation message, I redirected to the same page with anchor at the end.
Example:
Form is on page: http://www.mysite.com/formpage
When a form is submitted, I set it to redirect to: http://www.mysite.com/formpage#formtop
Anyway, it does bring back the form. Don't know if it will work with multiple submissions. Still, I'd rather have a confirmation message and allow user to refresh.
Is there any further news on this topic?
I am in the same boat, hoping to have the form submit and then I just want to popup a modal dialog that covers up the form that says "Thank you for your submission" or whatever.
I don't want the user to be redirected at all. Are their any hooks or anything that I can use to have the ajax submit the form data, but not redirect and instead issue a javascript callback?
Thanks much!
There have been no updates to this functionality.
Another vote for this functionality. I want to be able to pop up a gravity form in a modal dialog and after submission, go back to the original form in case users wish to make another submission. iFrames are ok, but they are a bit of a cludge and not so great on mobile devices.
Thanks for the vote @celios
