Submitted about 2 years ago

Interactive Card Details

vue, sass/scss

Azzy dvyastia kesuma•1,425

@azzykesuma

A solution to the Interactive card details form challenge

Preview Code

Solution retrospective

the test case for form validation

if input field is blank
if month number value is larger than 12
if year value is smaller than current year as for formatting (card number,cvc,month,etc cannot be alphabet), i use @input function to format the value using regex, so i don't think it's necessary to display wrong format error, as user will not be able to type wrong format anyway

any comments are very welcomed!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Azzy dvyastia kesuma's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord