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

    Fields become corrupt when using conditional statement

    Asked by slider17 on October 26, 2014 at 12:56 AM

    Hi

    I would like to setup the following scenario for my form.  I have 7 radio buttons that when one is clicked it displays a selected number of form widgets based on the conditional formatting setup.

    Now i would like my form setup so all the widgets on the form are hidden on load except the radio buttons.

    When the user chooses a button it loads only the selected widgets based on the conditions set.

    I have done a test on this for the 'Local Move' button, but for some reason its not doing what i programmed it to do. Its displaying more widgets than its supposed to.

     

    Also i am noticing some visual errors appearing on form from time to time. Example screenshot link below. I have to refresh the entire page just to fix it, this is not very intuitive for the end user.

     

    http://i60.tinypic.com/24m4ztz.png

     

    Any help here would be appreciated  :)

     

    Thanks

     

     

     

    Page URL:
    http://best-quote-removals.webflow.com/#quote

    conditional conditional logic js embed
  • Profile Image

    Answered by Ben on October 26, 2014 at 08:05 AM

    Hi,

    I see that the jotform is embedded using our default js embed method. What I would suggest is to use our iFrame embed method instead as that way there should not be any conflicts between the code on your website and in your jotform.

    What you should do is remove this code:

    <script src="http://form.jotform.co/jsform/42838586079875" type="text/javascript">

    and replace it with this one:

    <iframe id="42838586079875" frameborder="0" scrolling="no" style="width: 100%; border: medium none; height: 1394px;" name="42838586079875" allowtransparency="true" src="http://form.jotform.co/form/42838586079875" >

    Once this is done do let us know if the conditions are working properly or if there are still some issues with it.

    Also i am noticing some visual errors appearing on form from time to time. Example screenshot link below. I have to refresh the entire page just to fix it, this is not very intuitive for the end user.

    The errors that you have shown in screenshot are caused when you loose the connection or when you do a lot of refreshing on a page where there are many things to load. What I would suggest is to click on the preview button and then click to open it in a new tab. You would get a link to your jotform opened in a new tab http://form.jotform.co/form/42838586079875 which should help with this.

    The reason why it happens is that browsers will try to keep a cached version of your code to make them seem faster, which in turn after several tries can lead to some of the fields to get 'corrupted' and is also something web designers/developers see, but 'regular people' visiting the page do not. :)

    Do let us know how it goes once you embed the jotform with iFrame method.

    Best Regards,
    Ben

  • Profile Image

    Answered by slider17 on October 26, 2014 at 08:26 AM

    thanks for the reply

    i did what u suggested regarding the iframe.

    it seems that it hasnt fixed the correupted input fields issue. see screenshot link below

     

    http://gyazo.com/67b71c37ce7372208d4bedc84e4ca01e

     

    also the conditional logic i have applied to the 'Local Move' button inst working as expected.

    on form load i want to hide all the form widgets except the Radio buttons widget. that currently is not happening.

     

    http://best-quote-removals.webflow.com/

  • Profile Image
    JotForm Support

    Answered by jonathan on October 26, 2014 at 09:44 AM

    Hi,

    Can you please try testing also using the jotform direct URL http://www.jotform.co/form/42838586079875

    Update us if the issue reported is also happening while using the form URL.

    I currently could not replicate the issue yet on my end.

     

    on the website

     

     

     

    We will wait for your updated response.

    Thanks.

  • Profile Image

    Answered by slider17 on October 26, 2014 at 09:49 AM

    hi 

    please refer to the gif link below showcasing the issue i am having.

    http://gyazo.com/eda4305ed105bb264c6755d66e984311

     

    this happens on both the direct jotform link and also on my website.  Mind you it doesnt happen everytime, just like every 2nd time or so.

     

    ALSO how do i hide ALL the widgets on my form on load?? with the exception of the radio buttons widget.
  • Profile Image
    JotForm Support

    Answered by jonathan on October 26, 2014 at 10:30 AM

    Thank you for providing a details showcase on how to reproduce the issue.

    I was able to replicate the issue on my end by following the interactive image you provided.

     

    I am suspecting that this was being caused by a SHOW/HIDE conditional statement on the jotform.

    I would like to test first on a clone form that do not have such conditional statement. 

    I will check if the same rendering failure will occur if the it does not have conditional Show/Hide rules.

     

    Thanks.

     

     

  • Profile Image

    Answered by slider17 on October 27, 2014 at 08:45 AM

    hi

     

    i have decided to get rid of those three input boxes that were causing issues, and replaced them with standard text input boxes.  I dont get that problem anymore, for now at least.