View Issue Details
| ID | Project | Category | View Status | Date Submitted | Last Update |
|---|---|---|---|---|---|
| 5015 | Composr | ecommerce | public | 2022-11-05 22:03 | 2022-11-10 01:08 |
| Reporter | PDStig | Assigned To | Guest | ||
| Priority | normal | Severity | feature | ||
| Status | new | Resolution | open | ||
| Summary | 5015: Add a nice Credit Card widget / input | ||||
| 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. | ||||
| 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). | ||||
| Tags | No tags attached. | ||||
| Attach Tags | |||||
| Time estimation (hours) | 4 | ||||
| Sponsorship open | |||||
| Date Modified | Username | Field | Change |
|---|---|---|---|
| 2022-11-05 22:03 | PDStig | New Issue | |
| 2022-11-05 22:04 | PDStig | Description Updated | |
| 2022-11-05 22:05 | PDStig | Additional Information Updated | |
| 2022-11-08 19:58 | Chris Graham | Category | core_form_interfaces => ecommerce |
| 2022-11-08 19:58 | Chris Graham | Description Updated | |
| 2022-11-10 01:07 | Chris Graham | Relationship added | related to 3161 |
| 2022-11-10 01:08 | Chris Graham | Relationship added | related to 3159 |
