CODEWITHSUNDEEP
htmlgoogle-chromeautofill
jazzcat
jazzcat

Reputation: 4441

Prevent chrome from autofilling creditcard info

I have a <input type="text" name="quantity" /> on my checkout form, and somehow Chrome thinks that this field is a credit card expiration month.

Once a user starts typing in his name (into another field), Chrome offers to fill in the CC info but when the user clicks on it, Chrome fills my quantity -<input> with the expiration date.

I've tried every possible workaround including:

PS. if you're considering marking this question as "duplicate" please note that I specifically talk about credit-card autocomplete, not your usual autofill.

Upvotes: 15

Views: 7060

Answers (4)

Marco Pessotto
Marco Pessotto

Reputation: 1

Adding this to the form seems to work for me.

<input style="display: none;" autocomplete="cc-exp-month"/>
<input style="display: none;" autocomplete="cc-exp-year"/>

These fields have no effect but attracts the unwanted attention of the browser.

Upvotes: 0

Bogdan M.
Bogdan M.

Reputation: 2181

The only solution I found that is actually working with chrome 89.0.4xxxx

<input style="display: none;" autocomplete="cc-csc"/>

How is this solution intended to work: Basically, we give an alternative for chromium browsers to match by a specific autocomplete key (cc-csc) and not one that is more generic (number) by name or other secondary looked-up data.

You can find details on the topic here

Here you can find a fixed example, comment out line with the fix to compare: https://jsfiddle.net/bogdanm/sj0ewfqv/7/

Upvotes: 0

AgentLoneStar007
AgentLoneStar007

Reputation: 117

I know this question has already been answered, but I'm going to put my two cents in anyway.

Another way to do this(as far as I know), is when making the <input> fields in your HTML document, just don't add the type="ipsum dolor amet" argument. Then Chrome, or any other browser, won't know what's what and will stay out of it.

Upvotes: -2

jforeker
jforeker

Reputation: 35

Add autocomplete="nope", to your input tag if you don't want it to auto-populate with anything. The browser will try to process it and since nope is not an acceptable option for it the browser will give up on processing it.

See - https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#Disabling_autocompletion.

Upvotes: 1

Related Questions