When I click on submit without filling the form, my form jumps up

  • Profile Image
    pickupchange
    Asked on April 01, 2016 at 12:50 PM

    There is just another little thing, and it's that when I click on submit without filling the form, my form jump up and gets close to the title.

    I think the problem is in this line of the javascript

    case "setHeight":
    iframe.style.height = args[1] + "px";
    break;

    case "collapseErrorPage":
    if (iframe.clientHeight > window.innerHeight) {
    iframe.style.height = window.innerHeight + "px";
    }
    break;

    This didn't happen copying the source code, the form didn't move up.

    Do you know how to fix it?

    Thanks

  • Profile Image
    Kiran
    Answered on April 01, 2016 at 12:54 PM

    I think this is due to the error message This field is required displayed below the text boxes since the fields are required fields. Could you try disabling Required option for these fields to see if that makes any difference? 

    We will wait for your response. Thank you!  

  • Profile Image
    pickupchange
    Answered on April 01, 2016 at 01:11 PM

    Yes it's cause of the error messages, but when I added the source code for the form, this errors appeared and the form didn't go up, getting close to the title. With the iframe instead, is like the form ignore the margin-top.

  • Profile Image
    BJoanna
    Answered on April 01, 2016 at 02:50 PM

    Were you able to resolve you issue by embedding your form with source code? If your issue is still not resolved please provide us URL of your embedded form. I was not able to find it on your other thread. 

    You can also try to add ?nojump into the form URL. 

    Example: 

    http://www.jotform.com/form/12345678?nojump 

    You can also add "?nojump" code at the end of your src link in the embed code.

    Let us know if you need further assistance.