Ping Coming SOON Using HTML CSS & JS (client side form validation)

Community feedback

• 

  T

  Grace•31,270

  @grace-snowPosted over 3 years ago

  Hi

  I can’t actually see the error message as it’s overlapped by the button (on mobile)

  You also need to

  • give the input a label (visually hidden)
  • associate the label and error message with aria-describedby on input linking to Id of the error span
  • add aria live to that error span
  • wrap the social icons in anchor tags that are also labelled (visually-hidden).
  • then make sure all interactive elements have obvious focus-visible styles

  Good luck

  Marked as helpful

  2

  ---

  

  T

  Grace•31,270

  @grace-snowPosted over 3 years ago

  Ps use a tool like regex101 or read up more and you’ll find lots of examples for email pattern regex that will check for patterns like “must have letters/numbers, followed by @, followed by letters, followed by . followed by letters”

  1

  

  P

  Skyz Walker•1,045

  @Skyz03Posted over 3 years ago

  @grace-snow Thanks for the advice will surely implement this out and let you know.

  0

  

  P

  Skyz Walker•1,045

  @Skyz03Posted over 3 years ago

  @grace-snow Thanks again I updated most of the aspects you mentioned and got a good grasp of those to consider in future. Thank you for making a great community 👍✌😊⭐

  0