LAB / PAYMENT
Card field
Three inputs behaving as one control. The interesting part is what does not happen — the caret does not jump when you edit the middle, the brand does not flicker, and no error appears while a value can still become valid.
Try 4242 4242 4242 4242, or an Amex: 3782 822463 10005
TEST NUMBERS
WHAT TO TRY
- Type a full Visa, then click between the first four digits and type a digit. The caret stays where you put it.
- Paste the Amex. The grouping changes to 4-6-5 and the security code becomes four digits wide.
- Type 13 into the expiry. The month error appears immediately, because it can never become valid.
- Type 4242 and stop. No error — it is unfinished, not wrong.