The billing form on the checkout page does not recognize Google Chrome's auto-populate
The billing form on the checkout page does not recognize Google Chrome's auto-populate. We need a solution for this! I wish I knew how to tell the form that auto-populating selects form values, but I don't. Loosing customers as a result.
Operating System: Windows
Steps to reproduce
Open your shop up in the latest version of Google Chrome.
Enable One Page Checkout from the admin
Go to the front of the shop and add a product to cart.
Click the checkout button.
You will then be taken to the checkout page.
Under 'Billing Address', if you type in your first name into the first name box, Google Chrome will try to remember and call your form data.
Google Chrome will then fill in all input boxes based on what it remembers (your name, city, state, zip code).
When you click 'Confirm Order' at the bottom of the page, oScmax throws a pop-up warning that not all address fields were filled in.
THE WORK AROUND:
You have to go back to your address fields and manually re-type your address information even-though it auto-populated before.
I found an article on stackoverflow.com on detecting if an input field has been automatically filled with jquery. There are 2 potential solutions that we can perhaps incorporate into the ajax functionality, by Bob and by Juan...
The images are attached. I hope we can fix this...
Can you post a screenshot and reference which error messages come up? I don't think that Google will be able to pre-populate the country and county since these are dynamic and AJAX.
I have found Google's attempts to prepopulate is buggy at the best of times.