Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive card details form w/ Dark mode

#accessibility#sass/scss
Alamin 1,960

@CodePapa360

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


😌Finally, I have completed this project, and I have a question for the community. How can I detect when a input field with the attribute type number is empty, and the user inputs non-numeric characters in JavaScript? I needed this information to show different errors at different states. Although I tried to find a solution, I couldn't do it, so I used the text attribute type for the card number, expiration date, and CVC input fields instead.

Thanks in advance!👍

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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