Textbox zeigt die normale Google Chrome-Kreditkartenerkennung nicht an

Question

Wenn Sie Google Chrome verwenden, zeigt das Kreditkarten-Textfeld auf meiner Checkout-Seite nicht die normale Möglichkeit, eine vorhandene Kreditkarte auszuwählen. Ich habe den "Auto-Vervollständigungstyp" wie von Google empfohlen festgelegt.

Ist es wegen der langen "asp.net" Stil ID-Feld?

<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/

Answer 1

Es funktioniert gut, aber man Notwendigkeit der Name auf der Kreditkarte als das erste Eingabefeld, Chrom verwendet diese den Rest automatisch zu vervollständigen. Verwenden Sie neben x-autocompletetype auch autocomplete, um auch andere Chrome-Versionen zu unterstützen.

<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"> 

mein jsfiddle Siehe: https://jsfiddle.net/c3ck1uxc/1/