Is there a way to indicate at the bottom of the form (like near the submit button) that there's an error preventing submission?

  • pamelapar
    Asked on May 28, 2021 at 1:04 PM
  • pamelapar
    Replied on May 28, 2021 at 1:14 PM

    I wrote a TON more describing my problem but somehow it all disappeared as soon as I put the page URL in. Frustrating.

    The bottom line is that I have an all-in-one-page form and when you hit Submit at the bottom, there's no way to tell that the reason it isn't submitting is that you've made an error in one of the questions that you can't currently see on the screen (you need to scroll up).

    I'd like to know if there's a way to show the error message (or an indication that you need to scroll up to find the error) down near the Submit button so people aren't confused. I tested the form myself at one point and was mystified -- I kept hitting submit but there was no indication why it wasn't working. I suspect my form-fillers aren't as patient as I am.

    For now, I've put a text note in that tells them to scroll up if the form isn't submitting right, but that doesn't seem like the way it should work.

  • Kevin Support Team Lead
    Replied on May 28, 2021 at 4:24 PM

    There is an alert that should be displayed to the user if there are errors with the form, the alert is stuck at the beginning of the form when this is embedded, but you can display it at the bottom with the following CSS code:

    .error-navigation-container {

      bottom: 0;

      top: auto;

    }

    This guide will help you to inject the code to your form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    This will be the result:

    1622233269 60b150b5b0e1b  Screenshot 10

    When they click on the "See Errors" button they will be moved to the fields that must be filled.

    Kindly give it a try and let us know if you have any questions.

  • pamelapar
    Replied on June 2, 2021 at 12:36 PM

    Thank you! That seemed to do the trick.