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

Simple JavaScript Validation

@jackchealdang

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone! This is my Signup Form with some simple JavaScript form validation. I am open to any comments and suggestions! 😊✨

Community feedback

Ray 430

@ray-mak

Posted

If you want the error icon to show up when the input fields are not properly filled out, you can use the following properties to set the icon in your input element:

background-image:

background-repeat:

background-position:

I set the initial display to hidden and then used javascript to toggle it depending on if the input fields are filled out.

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