When is the Scan Credit Card option available on iOS8 Safari?

by

After a bit of research with an iOS8 browser and Chrome emulation I figured it out partially. I know of some solutions, but I don’t know for sure if there are other ways to do it. You’ll have to thank Apple for the amazing lack of documentation around this.

Currently Netflix/Amazon have credit card scanning working properly. So I emulated an iOS8 user agent in my Chrome browser and inspected the markup of their credit card number field. Here’s Netflix’s:

<input name="cardNumber" smopname="num" id="cardNumber-CC" class="cardNumber" type="text" value="************0891" pattern="[0-9]*">

And here’s Amazon’s:

<input name="addCreditCardNumber" size="20" maxlength="20">

At that point I played around with a form served over HTTPS that I had control over and started setting attributes to see what would happen. Below, “works” means “successfully triggered card scan” and “doesn’t work” means “did not trigger card scan”:

  • name="addCreditCardNumber" => works
  • name="cardNumber" => works
  • name="cardnumber" => works
  • class="cardNumber" => does not work
  • type="cardNumber" => does not work
  • id="cardNumber", id="creditCardNumber", id="creditCardMonth", id="creditCardYear" => works

Since the name attribute drives form data and might impact the way server-side form processing works I highly recommend triggering credit card scan by setting your input id to cardNumber.

I would link to the relevant documentation…but hey! There’s none (at least, not that I know of)

More Related Contents:

  1. UIAlertController custom font, size, color
  2. Can I set the cookies to be used by a WKWebView?
  3. Communicating and persisting data between apps with App Groups
  4. What is an “unwrapped value” in Swift?
  5. Unable to run app in Simulator: Xcode beta 6 iOS 8
  6. Enterprise App Update Distribution on iOS 8
  7. How to debug iOS 8 extensions with NSLog?
  8. WKWebView open links from certain domain in safari
  9. can’t get correct value of keyboard height in iOS8
  10. How to determine the content size of a WKWebView?
  11. Reading NFC Tags with iPhone 6 / iOS 8
  12. How to present popover properly in iOS 8
  13. Unwind Segue not working in iOS 8
  14. How can I launch Safari from an iPhone app?
  15. iOS 8 Rotation Methods Deprecation – Backwards Compatibility
  16. iOS 8 Auto cell height – Can’t scroll to last row
  17. Open iOS app from browser
  18. Change Text Color of Items in UIActionSheet – iOS 8
  19. How to detect delete key on an UITextField in iOS 8?
  20. Right way of determining internet speed in iOS 8
  21. Why is UICollectionViewCell’s outlet nil?
  22. Custom Font Sizing in Xcode 6 Size Classes not working properly with Custom Fonts
  23. How to remove cache in WKWebview?
  24. Cordova: sharing browser URL to my iOS app (Clipper ios share extension)
  25. Automatic Preferred Max Layout Width is not available on iOS versions prior to 8.0
  26. Rotation methods deprecated, equivalent of ‘didRotateFromInterfaceOrientation’?
  27. How to change UITableViewRowAction title color?
  28. Why Safari shows “No Inspectable Applications” during remote debugging with iOS 6 device?
  29. Why can’t I call the default super.init() on UIViewController in Swift?
  30. Disable magnification gesture in WKWebView

Leave a Comment