Gravity Support Forums Topic: Display errors at top of page?

Gravity Support Forums Topic: Display errors at top of page? https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page Gravity Support Forums Topic: Display errors at top of page? en-US Mon, 20 Apr 2026 03:17:26 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php hasanilx on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-10946 Fri, 08 Oct 2010 17:41:09 +0000 hasanilx 10946@https://legacy.forums.gravityhelp.com/ Thx - tried that too. No luck Kevin Flahaut on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-10943 Fri, 08 Oct 2010 17:19:31 +0000 Kevin Flahaut 10943@https://legacy.forums.gravityhelp.com/ We added a filter to add an anchor to the form a couple of versions back now. You can find out how to add that at the link below. Basically, you add the filter, then the form returns to the anchor if the validation fails.. wherever the form is in the page. <a href="http://forum.gravityhelp.com/topic/redirect-after-failed-form-redirect-to-page-w-anchor#post-9592" rel="nofollow">http://forum.gravityhelp.com/topic/redirect-after-failed-form-redirect-to-page-w-anchor#post-9592</a> hasanilx on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-10942 Fri, 08 Oct 2010 17:15:17 +0000 hasanilx 10942@https://legacy.forums.gravityhelp.com/ I am not able to get this to work. I have a long form and when the user submits the validation errors are not seen. So the user keeps pushing submit thinking the form has issues. I need the form to scroll back to the top so they can see the errors on submit. Please advise as I tried both methods (pasting code into head) and the second solutions. Thx The url is on a test server please send me a email to get the login info to view the site. gabkadt on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-5619 Thu, 20 May 2010 05:45:30 +0000 gabkadt 5619@https://legacy.forums.gravityhelp.com/ Cool. Good stopgap solution. Thanks. Kevin Flahaut on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-4135 Fri, 19 Mar 2010 00:14:34 +0000 Kevin Flahaut 4135@https://legacy.forums.gravityhelp.com/ We did have some more discussion on how to best handle this today.. it may be something that's added in a future release. Here's another simple option that somebody used just today.. it's helpful when using a form below a good amount of content - just add an anchor tag in the content editor, just above the form shortcode <pre><code><a name="contact"></a> [gravityform id=1 name=MyForm]</code></pre> Then you can use a little jQuery snippet to get the form to jump back to the anchor on submit.. it works for both the validation error and the default confirmation text. <pre><code><script type="text/javascript"> jQuery(document).ready(function() { jQuery("#gform_xx").attr("action", "#contact"); }); </script></code></pre> where "gform_xx" is your form id and "#contact" is your anchor name. markm on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-4134 Fri, 19 Mar 2010 00:01:47 +0000 markm 4134@https://legacy.forums.gravityhelp.com/ For what it is worth...I would like to request that this feature is added. Love the plugin but really think this needs to be added. smartmarketing on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-2028 Mon, 07 Dec 2009 11:24:40 +0000 smartmarketing 2028@https://legacy.forums.gravityhelp.com/ Awesome, thank you very much. That helps a lot! Kevin Flahaut on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-1982 Fri, 04 Dec 2009 19:58:02 +0000 Kevin Flahaut 1982@https://legacy.forums.gravityhelp.com/ I did a little tinkering with some jQuery and came up with a solution that might work for you.. nothing overly fancy, but it works pretty well. This is actually a variation of the code referenced in the post above. It includes support for the absolutely positioned form confirmation text, as well as an absolutely positioned validation error message. You can put this snippet into a page template or inside the < head > of your header.php file - it's up to you. <pre><code> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  <script type="text/javascript"> $(document).ready(function(){ setTimeout(function(){ $("#gforms_confirmation_message").fadeOut("slow", function () { $("#gforms_confirmation_message").remove(); }); }, 3000); $(".validation_error").before("<div id='gforms_error_alert'>there was a problem with your submission. <a href='#myform'>Please fix the errors</a> and resubmit the form.</div>"); $(".validation_error").after("<a name='myform'></a>"); }); </script></code></pre> We're basically adding a new div for the error alert and an anchor just above the form to link the alert to. Here's a copy of the <a href="http://dl.dropbox.com/u/688846/gravityhelp/inline_noticies.php.txt" rel="nofollow">page template</a> I used for my quick test. Also, you can watch this <a href="http://screenr.com/sSU" rel="nofollow">short video</a> to see it in action. Of course, you can style everything to suit your theme, but that should get you pointed in the right direction for now. smartmarketing on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-1980 Fri, 04 Dec 2009 17:03:24 +0000 smartmarketing 1980@https://legacy.forums.gravityhelp.com/ Great, thank you both for the info Kevin Flahaut on "Display errors at top of page?" https://legacy.forums.gravityhelp.com/topic/display-errors-at-top-of-page#post-1979 Fri, 04 Dec 2009 16:52:38 +0000 Kevin Flahaut 1979@https://legacy.forums.gravityhelp.com/ We've discussed how to improve this behavior and will implement something in a future release to make this a little more user friendly.