Form is moving up when there is an error

  • igorn
    Asked on November 10, 2016 at 10:29 AM
  • John_Benson
    Replied on November 10, 2016 at 12:07 PM

    I was able to replicate the problem. The form goes up a little when there's an error to your form after clicking the submit button.

    Try adding the Mobile Responsive widget to your form. Go to the More Fields tab, search for the Mobile Responsive and drag it to your form.

    Form is moving up when there is an error Image 1 Screenshot 20

     

    After that, try embedding your form using the iFrame method. Delete the current script code and embed the new one using the iFrame method. Here's our guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.

    Hope that helps. If the issue persists, contact us again. Thank you.

  • igorn
    Replied on November 10, 2016 at 1:44 PM

    Ol o problema persiste.
    ________________________________
    De: JotForm
    Enviado: quinta-feira, 10 de novembro de 2016 15:07
    Para: igornv@hotmail.com
    Assunto: Re: Quando o formulio respondido, mas existe erro em algum campo, e o usuio envia, o formulio "sobe". Como posso resolver isso? obrigado
    A new response has been received:
    [JOTFORM]/www.jotform.com>
    [https://www.jotform.com/resources/assets/icon/jotform-icon-dark-400x400.png]
    Online Form Builder JotForm
    www.jotform.com
    If you need online forms for generating leads, distributing surveys, collecting payments and more, JotForm is for you. Learn more about how we can help.
    Answered by John_Benson
    I was able to replicate the problem. The form goes up a little when there's an error to your form after clicking the submit button.
    Try adding mobile responsive widget to your form. Go to the More Fields tab, search for the Mobile Responsive and drag it to your form.
    [https://www.jotform.com/uploads/forum/John_Benson/1478797325Form%20Builder%20%C2%B7%20JotForm%20-%20Google%20Chrome%202016-11-11%2001.01.38.png]
    After that, try embedding your form using iFrame method. Delete the current one and embed the new one using the iFrame method. Here's our guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.
    Hope that helps. If the issue persists, contact us again. Thank you.
    View this thread on browser Unsubscribe Thread
    1478797667
    ...
  • John_Benson
    Replied on November 10, 2016 at 3:20 PM

    I checked your form and I can see that you haven't added the mobile responsive widget yet. I also checked your website and you didn't embed your form using iFrame method.

    Form is moving up when there is an error Image 1 Screenshot 40

    Please embed your form using iFrame method. Here's how to get the iFrame code:

    1. Click the Publish button in the toolbar.

    Form is moving up when there is an error Image 2 Screenshot 51

    2. Go to Embed tab and select iFrame in the Embed Options drop down. Click the Copy Code button and paste it to your webpage.

    Form is moving up when there is an error Image 3 Screenshot 62

    Here's a complete guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code

    Hope that helps. Thank you.

  • igorn
    Replied on November 22, 2016 at 5:44 AM
    Segue o Link da pina com o exemplo do erro, estpublicada como iframe e com o widget responsivo, por o erro persiste.
    http://criadordesites.hospedameusite.com.br/data/z/i/zippseguros.com.br/out/pt-BR/Cota%C3%A7%C3%A3o-Seguro-de-Vida
    Obrigado.
    Igor
    ________________________________
    De: JotForm
    Enviado: quinta-feira, 10 de novembro de 2016 18:20
    Para: igornv@hotmail.com
    Assunto: Re: Quando o formulio respondido, mas existe erro em algum campo, e o usuio envia, o formulio "sobe". Como posso resolver isso? obrigado
    A new response has been received:
    [JOTFORM]/www.jotform.com>
    [https://www.jotform.com/resources/assets/icon/jotform-icon-dark-400x400.png]
    Online Form Builder JotForm
    www.jotform.com
    If you need online forms for generating leads, distributing surveys, collecting payments and more, JotForm is for you. Learn more about how we can help.
    Answered by John_Benson
    I checked your form and I can see that you haven't added the mobile responsive widget yet. I also checked your website and you didn't embed your form using iFrame method.
    [https://www.jotform.com/uploads/forum/John_Benson/1478809052Cota%C3%A7%C3%A3o%20Residencial%20-%20Google%20Chrome%202016-11-11%2004.17.01.png]
    Please embed your form using iFrame method. Here's how to get the iFrame code:
    1. Click the Publish button in the toolbar.
    [https://www.jotform.com/uploads/forum/John_Benson/1478808893Form%20Builder%20%C2%B7%20JotForm%20-%20Google%20Chrome%202016-11-11%2004.14.05.png]
    2. Go to Embed tab and select iFrame in the Embed Options drop down. Click the Copy Code button and paste it to your webpage.
    [https://www.jotform.com/uploads/forum/John_Benson/1478808908Form%20Builder%20%C2%B7%20JotForm%20-%20Google%20Chrome%202016-11-11%2004.14.30.png]
    Here's a complete guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.
    Hope that helps. Thank you.
    View this thread on browser Unsubscribe Thread
    1478809211
    ...
  • Boris
    Replied on November 22, 2016 at 6:12 AM

    I'm afraid that the last link you have provided seems to be leading to an empty page from here at the moment:

    http://criadordesites.hospedameusite.com.br/data/z/i/zippseguros.com.br/out/pt-BR/Cota%C3%A7%C3%A3o-Seguro-de-Vida

    Form is moving up when there is an error Image 1 Screenshot 20

    When it comes to your previously provided page, the form embedded there is still using the regular script embed codes, which allows for scripting conflicts between the scripts of your website, and scripts inside your JotForm form.

    As mentioned by my colleague, please try using our iFrame embed method instead, and let us know whether this resolves the issue you were having with the form moving when there is an error. Again, here is the guide depicting how to get your form's iFrame embed codes:

    https://www.jotform.com/help/148-Getting-the-form-iFrame-code

  • igorn
    Replied on November 22, 2016 at 7:44 AM
    desculpe, poderia tentar novamente, segue o link:
    http://zippseguros.com.br/Cota%C3%A7%C3%A3o-Seguro-de-Vida/
    ________________________________
    De: JotForm
    Enviado: ter-feira, 22 de novembro de 2016 09:12
    Para: igornv@hotmail.com
    Assunto: Re: Form is moving up when there is an error
    A new response has been received:
    [JOTFORM]/www.jotform.com>
    [https://www.jotform.com/resources/assets/icon/jotform-icon-dark-400x400.png]
    Online Form Builder JotForm
    www.jotform.com
    If you need online forms for generating leads, distributing surveys, collecting payments and more, JotForm is for you. Learn more about how we can help.
    Answered by Boris
    I'm afraid that the last link you have provided seems to be leading to an empty page from here at the moment:
    http://criadordesites.hospedameusite.com.br/data/z/i/zippseguros.com.br/out/pt-BR/Cota%C3%A7%C3%A3o-Seguro-de-Vida
    [https://www.jotform.com/uploads/forum/Boris/1479811997IMG2016-11-22-004.png]
    When it comes to your previously provided page, the form embedded there is still using the regular script embed codes, which allows for scripting conflicts between the scripts of your website, and scripts inside your JotForm form.
    As mentioned by my colleague, please try using our iFrame embed method instead, and let us know whether this resolves the issue you were having with the form moving when there is an error. Again, here is the guide depicting how to get your form's iFrame embed codes:
    https://www.jotform.com/help/148-Getting-the-form-iFrame-code
    View this thread on browser Unsubscribe Thread
    1479813170
    ...
  • omerorkun JotForm Data Scientist
    Replied on November 22, 2016 at 8:16 AM

    Hi,

    The link you provided is still not working:

    Form is moving up when there is an error Image 1 Screenshot 20

    Have you also tried the iFrame embed method? Please provide us the correct URL so that we can investigate the issue further. 

    Thank you

  • igorn
    Replied on November 22, 2016 at 10:44 AM
    WWW.zippseguros.com.br/Cotao-Seguro-de-Vida/
    Sim, estpublicado com o modo iframe.
    desculpe o incodo, mas verifique novamente.
    obrigado
    ________________________________
    De: JotForm
    Enviado: ter-feira, 22 de novembro de 2016 11:15
    Para: igornv@hotmail.com
    Assunto: Re: Form is moving up when there is an error
    A new response has been received:
    [JOTFORM]/www.jotform.com>
    [https://www.jotform.com/resources/assets/icon/jotform-icon-dark-400x400.png]
    Online Form Builder JotForm
    www.jotform.com
    If you need online forms for generating leads, distributing surveys, collecting payments and more, JotForm is for you. Learn more about how we can help.
    Answered by owen
    Hi,
    The link you provided is still not working:
    [https://www.jotform.com/uploads/forum/owen/1479820499Screen%20Shot%202016-11-22%20at%2016.15.01.png]
    Have you also tried the iFrame embed method? Please provide us the correct URL so that we can investigate the issue further.
    Thank you
    View this thread on browser Unsubscribe Thread
    1479820569
    ...
  • Kevin Support Team Lead
    Replied on November 22, 2016 at 12:16 PM

    No worries @igorn we're here to help. 

    However, I have checked the link included in your last reply http://www.zippseguros.com.br/Cotao-Seguro-de-Vida/ and got a 404 Not Found error:

    Form is moving up when there is an error Image 1 Screenshot 20

    What I would suggest you is to check the website on your and make sure all the changes have been properly uploaded, we will be glad to take a look to the form and find how it is working.