Community feedback

• 

  sgarcialaguna•180

  @sgarcialagunaPosted over 1 year ago

  1.) You can use a dialog element to significantly simplify your code. Take a look at the examples shown here: MDN

  2.) Form validation can be tricky to get quite right. Personally, I like the form to let me finish typing before it yells at me. One approach to make this work is to set a dirty flag after the input's blur event. If the dirty flag is set and an input is invalid, show an error. But there isn't one true answer for that.

  3.) Browser have in-built validation for email fields, see MDN If the field is invalid, the :invalid pseudo-state is set, which you can use for styling. I know people will say to use this crazy regex or that one, but ultimately the one sure-fire way to validate an email address is to send an email to that address, so I just like to take what the browser offers me.

  Marked as helpful

  0

  ---

  

  Dunca Robert-Gabriel•50

  @dnkratosPosted over 1 year ago

  @sgarcialaguna

  Thank you for your tips.

  Looks exiciting, I just read the MDN about the dialog tag and seems relatively easy to implement ( I might be wrong ). Gonna give it a try and update the solution after I get it right and if I end up saving drying the code.

  Personally me too. Never heard about a dirty flag, but I will search the internet about it and maybe try that too. Sounds interesting and fun.

  I ended up removing the browser validation for "invalid" reasons XD.

  0