Intro component Validation form HTML/SCSS/JS

Community feedback

• 

  Siege•520

  @idesmarPosted about 3 years ago

  For extra validation on name, password, etc.:

  You may want to dive in on Regular Expressions.

  Here's an example on evaluating a name value if it has an invalid character

  const notAWordCharacterRE = /[^a-z]/ig;
  let nameValue = "name$";
  let invalidNameFormat = notAWordCharacterRE.test(nameValue); // result: true for "name$"
  if (invalidNameFormat) {
  // code here for adding error message
  };
  

  Additional reading: Regular expression syntax cheatsheet

  Regular Expressions or RegExp can be a bit overwhelming sometimes but it's going to be a great help moving forward.

  Always be hungry for more learning and happy coding!

  0
• 

  Siege•520

  @idesmarPosted about 3 years ago

  Great work! Your app was responsive and passes all the project's requirement!

  On the question on custom error message, you can create a nested "if statement" or a "switch statement" that adds a more specific error message. I made a slightly similar error handling process on my project that focuses on the email. There are 2 possible error message on the email field; either empty or invalid email. Here's a link to the web app I made.

  I hope that was of help. Happy coding!

  0