Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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:

  • autocomplete="off" (doesn't work in Chrome completely)
  • setting the autocomplete="new-password" (doesn't work for CC-autocomplete)

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

like image 386
jazzcat Avatar asked Oct 08 '16 20:10

jazzcat


People also ask

Can you disable Chrome Autofill?

Click on "Settings." Choose "Privacy & Security." In the "Forms and Autofill" section uncheck the options for which you wish to disable Autofill. The system will automatically save your settings.

How do I change my Chrome Autofill credit card?

Now, tap on Settings and select Autofill forms/Autofill and payments. Now, you can edit or delete a credit card in Chrome: To edit the info: Simply tap the credit card and then tap on Edit.

Where is Autofill credit card info in Chrome?

View Saved Credit Card Numbers in Google ChromeChoose Settings. From the left pane, select Autofill. On the Autofill page, select Payment Methods. Your saved credit cards appear under Payment methods.


1 Answers

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.

like image 56
jforeker Avatar answered Oct 09 '22 20:10

jforeker