Responsive Website using React

Community feedback

• 

  yishak abrham•2,150

  @yishak621Posted almost 2 years ago

  Its great the layouts and everything but when we come to the validation error messages there is a little bug to fix ....for the card number and month inputs ,when the user enters invalid input the text must refer what type of mistake happen by a user eg. invalid month input or 'format should be like these '...for example i use moment js library to validate the month and year so the error message will be changed according to error type

  //individual validation for month and year using moment.js 
   function Validate(input, type, format) { 
     return input.addEventListener('input', () => { 
       if (moment(input.value, `${format}`, true).isValid()) { 
         hideErrorText(dateErrorMessage); 
         return true; 
       } else { 
         dateErrorMessage.textContent = `the ${type} format should be like these 05`; 
         dateErrorMessage.classList.add('show'); 
       } 
     }); 
   } 
    
   Validate(monthInput, 'Month', 'MM'); 
   Validate(yearInput, 'Year', 'YY');
  

  Marked as helpful

  0