All geek questions in one place

The text box does not display the usual Google Chrome credit card detection

When using Google Chrome, the credit card text box on my verification page does not show the normal ability to select an existing credit card. I set the "automatic full type" as recommended by Google.

Is this related to asp.net style id long field?

enter image description here

<input name="ctl00$conMain$CheckoutControl1$txtCreditCardNumber" type="text" id="ctl00_conMain_CheckoutControl1_txtCreditCardNumber" title="Credit Card Number " x-autocompletetype="cc-number">

https://dia-fundraising-dinner-2015.simpletix.com/Checkout/Guest/Order/df71f52a-f9b9-4dcd-923b-4e2d46bd754a/

+5
source share
1 answer

It works fine, but you need the name on the credit card as the first input field, chrome uses this to autocomplete the rest. Also use autocomplete besides x-autocompletetype to support other versions of chrome.

 <input name="ccname" id="frmNameCC" required placeholder="Full Name" autocomplete="cc-name"> <input name="ctl00$conMain$CheckoutControl1$txtCreditCardNumber" type="text" id="ctl00_conMain_CheckoutControl1_txtCreditCardNumber" title="Credit Card Number " x-autocompletetype="cc-number" autocomplete="cc-number">

See my jsfiddle: https://jsfiddle.net/c3ck1uxc/1/

+3
source

Source: https://habr.com/ru/post/1232572/

More articles:


All Articles