Google toolbar autofill issue

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?
Who is Participating?
nzinsliConnect With a Mentor Author Commented:
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.
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

nzinsliAuthor Commented:
Found my own error.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.