#5015 - Add a nice Credit Card widget / input

  • By
  • Added
  • 3 views
Identifier #5015
Issue type Feature request or suggestion
Title Add a nice Credit Card widget / input
Status Open
Handling member Deleted
Addon ecommerce
Description We are currently relying on an input_line for credit card numbers, storing them as encrypted short_text, and using preg to check for only digits in the fields.

For better UX, we should be using a dedicated credit card input widget. The field should allow and automatically format for spaces between groups of 4 numbers as a member types.

Ideally, we should also have an image of a credit card indicating where to find each piece of information as the member selects it on the widget (cardholder name, card number, expiration, and CVV2). Though, we should keep in mind that the CVV2 is on the front of the card for American Express.
Steps to reproduce

Additional information See https://baymard.com/blog/credit-card-field-auto-format-spaces

Note that the blog mentions card numbers of 15-16 characters. However, card numbers can be between 13 and 19 digits long (Visa has recently started testing 19-digit cards as of 2020).
Funded? No
The system will post a comment when this issue is modified (e.g., status changes). To be notified of this, click "Enable comment notifications".

Rating

Unrated