Back to projects
Vanilla JavaScript
Interactive Card Details Form
A responsive payment card form built with HTML, CSS, and vanilla JavaScript. The project handles live card number formatting, stable caret position, front-end validation, Luhn algorithm check, contextual MM/YY/CVC error messages, expiry date validation, name validation, auto-tab between fields, and a friendly submit state. It was built to practice form UX, input handling, validation logic, DOM events, responsive layout, and user feedback without a backend.
HTML5CSS3JavaScriptForm ValidationInput FormattingLuhn AlgorithmDOMEventsResponsive Design
