What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Displaying the error message above the submit button instead under it

    Asked by trickynek on December 07, 2015 at 11:47 AM
    Next Question - Can I control where the error message is displayed? IE, I would like it at the top of the form instead of the bottom
    error message submit button
  • Profile Image

    Answered by Ben on December 07, 2015 at 11:59 AM

    There is no option for that, but you can do it through CSS.

    To show it above, you could utilize a code such as this one:

    data-type="control_button"] .form-buttons-wrapper {
        display: block;
        position: relative;
        top: 50px;
    [data-type="control_button"] .form-button-error {
        display: block;
        position: relative;
        top: -60px;

    Do try it out and let us know if that is what you were after :)

    You should add this CSS as the other one (on previous thread). If needed here are the steps: Inject Custom CSS Codes

    I only suggest to add the CSS code above under all the other CSS code in there.

  • Profile Image

    Answered by trickynek on December 07, 2015 at 12:23 PM

    Hmm ok. Im trying to think of a way to do it without using the positions because it will not be fluid for responsiveness and have some screen variation among platforms and operating systems. 

  • Profile Image
    JotForm Support

    Answered by Kiran on December 07, 2015 at 12:45 PM

    Yes. Unfortunately, it is not possible to move the error message without using the positions. If you want to display the error message based on the screen size we may need to position the message manually for each screensize separately.

    Let us know if that helps. If you need any further assistance, please let us know. We will be happy to help.