Signup Component in Vanilla JS whit

Community feedback

• 

  Salah Shadoud•240

  @SalahShadoudPosted over 1 year ago

  hey! great work here just wanted to leave u some notes about things i would do differently:

  • for the validation of the inputs values, u can use the pattern attribute on the HTML inputs to specify the pattern of the accepted values instead of using it in javascript and then on your javascript file u can select all of your inputs and use reportValidity() function to check if all values are valid, like this:

  const inputs = [...formElement.querySelectorAll("input")];
  const allValid = inputs.every((input) => input.reportValidity());
  if (allValid) { //do something if all inputs have valid values};
  

  • for styling the form container, i recommend u to use the max-width to try and match the accurate width of the form container.

  Happy Coding <3

  Marked as helpful

  1