Form is moving up when there is an error

  • Profile Image
    John_Benson
    Answered 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.

     

    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.

  • Profile Image
    igorn
    Answered on November 10, 2016 at 01: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
    ...
  • Profile Image
    John_Benson
    Answered on November 10, 2016 at 03: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.

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

    1. Click the Publish button in the toolbar.

    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.

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

    Hope that helps. Thank you.

  • Profile Image
    igorn
    Answered on November 22, 2016 at 05: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
    ...
  • Profile Image
    Boris
    Answered on November 22, 2016 at 06: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

    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

  • Profile Image
    igorn
    Answered on November 22, 2016 at 07: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
    ...
  • Profile Image
    owen
    Answered on November 22, 2016 at 08:16 AM

    Hi,

    The link you provided is still not working:

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

    Thank you

  • Profile Image
    igorn
    Answered 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
    ...
  • Profile Image
    Kevin_G
    Answered 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:

    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.