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

Kim 380

@Mismisty

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


I would appreciate any and all feedback on this challenge. I am most interested in feedback on my markup. Thanks.

Community feedback

mslysz 150

@mslysz

Posted

You need to work on ways to validate, when we fill in one field e.g. Cardname holder and click the submit button then even though errors pop up to fill in the other fields, a window also appears indicating that our form has been submitted. In your validation, you must indicate that if even one input is not filled in correctly, the form cannot be sent. I recommend this video on Youtube: https://www.youtube.com/watch?v=In0nB0ABaUk where we have a very nice and quick explanation of how to create a validation form.

Also at this address, it is very well explained how to write validation js code: https://www.freecodecamp.org/news/form-validation-with-html5-and-javascript/

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