Google toolbar autofill issue

Posted on 2011-05-03
Last Modified: 2012-08-14
I've been made aware of an issue with our site that I'm a bit perplexed by. I've searched Google's docs and such with no luck.

Our checkout form has the basic fields, name/addr/city/etc. We found that if you have Google toolbar installed and setup with one or more autofill profiles, it creates a validation issue on the form. When you start typing the email address, googles autofill puts the available text options below the field. If you select one and submit the form, the JS validation is only seeing the portion that you actually typed in, not the value that the Google toolbar filled in.

ie: You type "jsm" and click the toolbar autofill option of "", my JS validation is only getting "jsm" as the value for that textbox.

Has anyone else come across this before?
Question by:nzinsli
    LVL 16

    Expert Comment

    Try adding this to your input tags:
         value="" autocomplete="off"

    If that doesn't work, a more complicated solution will be required, but try this first.
    <input type="text" name="Phone" value="" autocomplete="off" />

    Open in new window


    Accepted Solution

    I found the issue. My checkout has a 'master' email textbox that populates 2 other hidden textboxes for ship & bill. I had a mirroring JS function that was happening onkeyup. Changing it to onblur fixed it.

    Author Closing Comment

    Found my own error.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Android App Development

    This course will involve creating widgets, customize list view, grid view, spinners, etc. Creating applications using audio, video, and SQLite database. Ending with publication on Google Play.

    The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
    Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
    The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
    This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now