Interactive card details form

Community feedback

• 

  Fazza Razaq Amiarso•2,340

  @fazzaamiarsoPosted almost 2 years ago

  Hi hitch! Great work!

  1 To turn the input into red, you can add a class to the input when error. For example,

   if (numberInput.value.length <= 0) {
  // implement error class in CSS
   numberInput.classList.add("error");
  }
  

  2 To make sure user only input numbers, you can do it with javascript. Here is an example.

  nameInput.addEventListener("change", e => {
  const characterRegex =  /[a-z\s]+/i;
  if ( !characterRegex.test(e.target.value) ) return;
  })
  

  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions

  I hope it helps! Cheers!

  Marked as helpful

  1

  ---

  

  hitch95•140

  @Hitch95Posted almost 2 years ago

  @fazzaamiarso Thank you, I tried some of your advices

  0
• 

  Dzaster•170

  @xdzasterPosted almost 2 years ago

  You can make an error class containing the red style and add it to the inputs whenever the input is invalid. You can add class using element.classList.add("errorClassName").

  0