Submitted over 1 year ago

Interactive card details form main

Karol• 210

@CharlesSquirel

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive card details form

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

I have practiced my custom js validation. I had a problem with format input text (card number) on typing. I wish it was good work.

Community feedback

S MD suleman• 3,530

@sulemaan7070

Posted over 1 year ago

hey Karol😄, congatulations on completing the challenge here are a few tips to make your site better..

1.You to limit the number of characters accepted by the card number input field to be 16.

2.limit the number of characters to 2 in the MM and YY fields and 3 in the case of CVC. 3.Though it is showing invalid characters for the card holder name it is still showing thank you card..

Hope that helps, happy coding🔥👍🏻

Marked as helpful

Karol• 210

@CharlesSquirel

Posted over 1 year ago

@sulemaan7070 Thanks for your comments. I have refactorized my code. Ad 2 this fields had already max length attribute.

Please log in to post a comment

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