@Janselin
Posted
Great job!! I've just uploaded my solution for this one but i was wondering how to add the message under the input? when the email is a invalid one. Any tips? thanks
@dnksebastian
Posted
@Janselin Thanks :) In my solution I've used the ":invalid" css selector to change the value of "display:" property in error message paragraphs. This way I've avoided using JS. If you want to use JS in your case, you can for example create and append a new paragraph when the input is invalid or manipulate classes with the element.classList.add and .remove methods :) Hope this helps, keep it up!
@Janselin
Posted
@dnksebastian Great! Thank you so much for your help. I didnt know about the :invalid css selector! I'll use that for sure since I still don't know javascript😂
@dnksebastian
Posted
@Janselin Here's an interesting article describing this method in detail: https://www.digitalocean.com/community/tutorials/css-styling-form-input-validity
@Janselin
Posted
@dnksebastian Thanks!! 💜