I'm working with WordPress Gravity Forms plugin. I loaded a form into a jquery dialog and I want to have the dialog to close after form submission instead of reloading the page.

However, I don't know, if it is possible to add preventDefault() into submit() event. Or if there is an option not to reload the page in the Gravity Forms.

Please, advise me a possible way to achieve it.

I'm working with WordPress Gravity Forms plugin. I loaded a form into a jquery dialog and I want to have the dialog to close after form submission instead of reloading the page.

However, I don't know, if it is possible to add preventDefault() into submit() event. Or if there is an option not to reload the page in the Gravity Forms.

Please, advise me a possible way to achieve it.

• javascript
• jquery
• wordpress
• gravity-forms-plugin

Share Improve this question Follow edited Apr 13, 2018 at 22:04 Samvel Aleqsanyan 2,97444 gold badges2121 silver badges2828 bronze badges asked Apr 25, 2015 at 10:48 lightbringerlightbringer 83522 gold badges1212 silver badges2424 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

You could try targeting an invisible iframe.

<form action="this_action.php" method="post" target="iframe">
  <input type="submit" value="Submit" />
</form>

<iframe name="iframe" style="position: absolute; visibility: hidden"></iframe>

Do you have the Enable AJAX options checked?

Look at https://web.archive/web/20150415003507/http://www.gravityhelp.:80/documentation/gravity-forms/user-guides/getting-started/embedding-a-form/: this will submit your form without a page refresh.

Then just call the dialog close in the submit event and you are done!

Making AJAX True along with the shortcode did the trick for me.

[gravityform id="2" title="true" ajax="true"]