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

    Trouble with submit button - Page jumping up so Required fields notification is not viewable

    Asked by PinkIguana on November 25, 2014 at 08:11 PM

    Hi there,

    This has happened to me with another form and your team had to fix this issue. 

    At the bottom of the page when you click on the submit button yet there are required fields that haven't been filled out the page jumps up just enough that you cannot see the message letting you know that you haven't filled out required fields.

    Can your team please fix this and let me know why this is happening? Is it something that I'm doing?

     

    Thank you,
    Natasha

     

    Page URL:
    http://form.jotformpro.com/form/43286437491967

    message another form and
  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 25, 2014 at 10:18 PM

    Hello Natasha,

    That is because the height of the form is adjusted if the validation error message is triggered. One possible solution is to move the validation message above the submit button.

    Please inject the following custom css code in your form which will display the validation message just above the submit button:

    .form-button-error {

    margin-top: -85px;

    position: absolute;

    }

    The following guide should help you inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    The above custom css should give you output as displayed in the screenshot below:

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by goldstaradmin on July 01, 2016 at 12:35 PM

    Is there a better fix to this now?  I would like my users to be taken to the first field with an error, but when embedding the form using JavaScript or an iFrame, clicking on the Submit button doesn't take you to the correct place on the page.  It takes you to a point too high.
  • Profile Image
    JotForm Support

    Answered by BJoanna on July 01, 2016 at 02:24 PM

    @goldstaradmin

    I have moved your question to separate thread and we will provide you an answer there shortly.

    https://www.jotform.com/answers/874165