Chrome Autofill overwrites required field

  • Profile Image
    fltconference
    Asked on June 06, 2013 at 04:42 PM

    http://form.jotformpro.com/form/30105170000933

  • Profile Image
    EliezerN
    Answered on June 06, 2013 at 06:05 PM

    Hello,

    In this case you have to disable that feature from Chrome if you are having troubles with your forms. To do that please follow the steps bellow:

    1- Click on the Menu icon.

    2- Then click on Settings

     

    3- Then type "autofill" in the Search Settings input field to find where the feature is. You can find it under the sublabel of Paswords and Forms. There uncheck the feature.

    Now after to get this done, test your form. 

    I hope this helps you.

    Let us know if you need further assistance. It's a pleasure to assist you.

    Thanks!

  • Profile Image
    fltconference
    Answered on June 11, 2013 at 10:55 AM

    I have no control over this setting on the customer's computer. 

     

    My question was: Is there any way to protect against this if Autofill is enabled?

  • Profile Image
    EltonCris
    Answered on June 11, 2013 at 11:12 AM

    @fltconference 

    Yes, but you have to embed your form using your form source code. Just take your form source code and insert this autocomplete="off" attribute in the form tag line.

    Example:

     

    <form autocomplete="off" class="jotform-form" action="http://submit.jotformpro.com/submit/30105170000933/" method="post" name="form_30105170000933" id="30105170000933" accept-charset="utf-8" novalidate="true">

    I believed this works on latest browsers like Chrome, FF and newer version of IE. More info: https://developer.mozilla.org/en-US/docs/Mozilla/How_to_Turn_Off_Form_Autocompletion?redirectlocale=en-US&redirectslug=How_to_Turn_Off_Form_Autocompletion

    Hope this helps. Thanks!

     

  • Profile Image
    fltconference
    Answered on June 11, 2013 at 12:31 PM

    Thanks for pointing out the new autocomplete attribute

    I tried this and could not make it work. The following is from http://www.w3schools.com/html/html5_form_attributes.asp 

     

    Note: The autocomplete attribute works with <form> and the following <input> types: text, search, url, tel, email, password, datepickers, range, and color.

     

    Sadly, checkbox is not included.

  • Profile Image
    dinesh-it
    Answered on June 11, 2013 at 01:59 PM

    Hi,

    After refering this Form: http://form.jotformpro.com/form/30105170000933 

    Regarding Bug #1:

    I am not able to replicate that spacing problem.

    Bug 1 Result

    Please try again and if you still find any issue, please inform us with the form URL where you have the problem.

    Regarding Bug #2:

    I found that you have injected

    form{autocomplete:off}

    But it is not a css code. You have to do this modification in your actual form source code as Elton said. Click the link to see how to download a form source code.

    <form autocomplete="off" class="jotform-form" action="http://submit.jotformpro.com/submit/30105170000933/" method="post" name="form_30105170000933" id="30105170000933" accept-charset="utf-8" novalidate="true">

    If you really modified the source and still having the issue means, please let us know your webpage URL where you embeded this form.

    Thank you.

  • Profile Image
    guisasso
    Answered on June 26, 2013 at 03:34 PM

    I'm experiencing the same issue but google has reported it is fixed and we will see the result upon the rlease of the new version of chrome, 28. https://code.google.com/p/chromium/issues/detail?id=244645

  • Profile Image
    Mike_T
    Answered on June 26, 2013 at 04:19 PM

    @Guisasso,

    This is great. Thank you for letting us know about the fix that will be released with the next version of Google Chrome.