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 data form with validation (bem, pure js)

#bem

@robotamozepoczekac

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


Any feedback on what I can improve in my code and the technique I'm using is welcome (especially javascript)

Community feedback

S MD suleman 3,530

@sulemaan7070

Posted

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

1.As for design, you did a great job!! functionality vise you can add more validation to the site...

case 1.when I am clicking on confirm button without filling in any input fields only the card holder name input field is showing a validation message.

case2.when I am entering text in only card holder name and click on the confirm button only the card number is showing the validation error... when every other element should show the validation error.. hope you will fix these

2.and as for the validation messages write the error message and use the CSS property

display:invisble to make them invisible and when needed make them display:block this should solve the problem of page resizing frequently

Hope that helps happy coding💯✅😄

0

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