Interactive card details form build with Html, Sass, Vanilla Js

Community feedback

• 

  Daniel Dekany•920

  @dknyd

  Posted over 2 years ago

  Hey Mate,

  Great solution!

  I just finished the same challenge but had difficulties with the error messages after one incorrect completion.

  What I mean is for example when user inputs wrong data type (like numbers in name field), and he corrects it, the error message should disappear and the border of the field should change back to default color i/o red.

  I see you solved that part in a way that as soon as the user starts to type in the field with the red border and visible error message, the error message instantly fades and the border changes back to default, great one!

  Also I just now see that the validation is continuous after every input typed (mine only validates the whole form after pressing confirm), did you do that with an event listener?

  One thing I noticed - when I want to submit with any input field blaNk, error message says "Can't be blaCk". :)

  Keep up the good work!

  Daniel

  00

  Marked as helpful
• 

  suhayb jirde•1,110

  @suhaybjirde

  Posted over 2 years ago

  thanks pro yes i'm using 'keydown' event and data attribute to toggle that but i wrote a lot of unnecessary code i saw some guys did it like that with just 70 line of code and also i couldn't do the spacing when you try to write the card number there should be a space between every four digits but i'm still working on it you also did great pro you can also read my code to see how i did it

  02