I followed the instructions at When is the Scan Credit Card option available on iOS8 Safari? and added
:name => "cardNumber"
and it correctly gave me the option to scan credit cards. That being said, the option also appears on the CVC code text input which I do not want to happen. Here is the html:
<label class="h4">Card Number</label>
<input autocomplete="cc-number" class="form-control js-card-number unknown" id="number" maxlength="19" name="cardNumber" placeholder="•••• •••• •••• ••••" required="required" size="19" type="tel" value="">
<label>Expiration</label>
<input autocomplete="cc-exp" class="form-control js-card-exp-date" id="expiry_date" name="expiry_date" placeholder="MM/YY" required="required" type="tel" value="">
<label>Security Code</label>
<input autocomplete="off" class="form-control js-card-cvc" id="verification_value" name="verification_value" placeholder="•••" required="required" size="5" type="tel" value="">
It will gives the option to Scan and will fill the credit card correctly for Card Number, gives no option to scan for the Expiration, and gives the option to scan but does not work for Security Code. I don't want the scan option to appear on the CVC field and I'd love for the Expiration field to get populated correctly (I am using the MM/YY format, can I accommodate for that somehow?).
Thanks