Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

ping coming soon page

Steve 1,170

@peanutbutterjlly

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@vivekrajput-93

Posted

Hey Steve..Do you mind If I ask that do we have to just validate the email...I am little confused with the given instruction ...

1

Steve 1,170

@peanutbutterjlly

Posted

hey @vivekrajput-93,

according to the challenge docs (should have these "error states"-The input field is empty -The email address is not formatted correctly) we should check that they can't submit an empty form/field and that it's formatted correctly as well - I'm guessing have an @ and a proper domain as well.

luckily, html already has email validation baked in - so you won't have to write custom JavaScript validation (you can if you want to of course).

MDN: email

MDN: required

you can also use browser APIs that have validation methods built in already to do the heavy lifting for you (again, you can write them yourself if you wish):

MDN: checkValidity

MDN: setCustomValidity

cheers and good luck!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord