Learn how to a build a cloud-first strategyRegister Now


Google toolbar autofill issue

Posted on 2011-05-03
Medium Priority
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 "jsmith@email.com", my JS validation is only getting "jsm" as the value for that textbox.

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

Expert Comment

ID: 35818395
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

nzinsli earned 0 total points
ID: 35818845
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

ID: 35865654
Found my own error.

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Suggested Courses
Course of the Month21 days, 3 hours left to enroll

810 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