How to disable browser autocomplete function on JotForms?

  • Profile Image
    psllcom
    Asked on March 23, 2017 at 05:18 PM

    Hello,

     

    My company is having issues with browser autofill. Please note that I'm not referring to Jotforms autofill feature which is really more like an autosave feature.

     

    Our clients are real estate agents who fill out our form to request photography for homes they are selling. IE, the address field in our form SHOULD have the home their selling, not their personal address that may be stored in their browser's autofill settings. 

     

    For example: Agent John Smith lives at 100 Main Street and his information is stored in his browser's autofill settings. Agent John Smith needs to request photography for his client's house. His client is Jane Doe and her address is 200 Center Drive. Agent John Smith starts filling out our form and puts his name up top (like he's supposed to) but then accidentally clicks on autofill causing the address field (that should be Jane Doe's address) to be filled with his address. 

     

    We've had this exact situation occur four times in the past couple of weeks so it's something we'd like to get resolved. After Googling around it seems that the only solution is to add code to our website where the form is embedded. I found a piece of code that should work:

     

    <form autocomplete="off">

     

    But it only seems to work when I put the forms source code into my website. When I do that, autofill turns off (we tested it) but many things on our form break, specifically all the conditions we have set where clicking one button makes a certain question pop up, etc. So that doesn't really help us much. I'm wondering if this code can be used with the iframe embed method or any other embed method that keeps the conditions intact. I've tried the other embed methods and I put the code <form autocomplete="off"> in the first line but it doesn't work. Maybe it needs to go somewhere else or maybe that code isn't going to work with anything other than the source code? Any help would be appreciated. Thanks!

  • Profile Image
    Kevin_G
    Answered on March 23, 2017 at 09:26 PM

    Seems like it is not currently possible to turn off the autocomplete attribute for your forms. 

    I will forward this to our second level as feature request, though we cannot provide an ETA or ensure this will be implemented, we will let you know as soon as we get any update about it. 

    In the meantime, you could try embedding your form using its source code in an empty webpage, this to avoid conflicts with other scripts in your website, the form should display and work properly embedding it in an empty page, this way you will be able to add the autocomplete attribute to the form, then include the link to the webpage where the form has been embedded into an iFrame in the current page the forms is placed in. 

    You may use this iFrame code to re-embed the form using the new link to your webpage: 

        <iframe

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="URL"

          frameborder="0"

          style="width:100%;

          height:4680px;

          border:none;"

          scrolling="yes">

        </iframe>

    Replace the URL with the link to the clear page where you embedded the source code of your form.