Move MAIN Validation Error to the Footer

[renezain (Catalyst Design)]

Is there a way to move the MAIN validation error to the footer? Right now it shows up top, but wondering if possible to get it to show lower. Thanks in advance!

[sacom (Samuel Aguilera (Gravity Forms))]

There’s no specific Gravity Forms setting or hook to do this, but you can use some custom JavaScript to do it.

The following example is doing the job for me in a form with legacy markup enabled (like the one in your screenshot), moving the main validation error message below right before the submit button:

<script type="text/javascript">
     jQuery(document).on('gform_post_render', function(event, form_id, current_page){
         jQuery("div.validation_error").appendTo("div.gform_body");
    });
 </script>

This version would do the same for a form with legacy markup disabled:

<script type="text/javascript">
     jQuery(document).on('gform_post_render', function(event, form_id, current_page){
         jQuery("div.gform_validation_errors").appendTo("div.gform_body");
    });
 </script>

You can just add the snippet to an HTML field in your form or install the following third-party free plugin that adds a nice Custom JS editor to the form settings where you can put JS code (remove the script tags in this case) Gravity Forms Custom Javascript - Gravity Wiz

[renezain (Catalyst Design)]

thank you so much Samuel! I will try this!