For this challenge, you're going to be processing this form. There is a required field that's not filled in, and then there's another field that's required, and has an answer, and I'm going to arbitrarily say, this is an answer that we quite like. So. Let's take a look at the markup. Here it is. Some CSS up here at the top, and here's the actual form. As you can see, there are no IDs on any of these, so that makes things a little bit more difficult than it might otherwise be. The challenge here is to add markers to each of these, whatever way you choose, that will acknowledge that this one has an error and this is one that we quite like, and also a message should appear here along with whatever visual marker you are adding that says, that was a particularly good choice or something along those lines.
And the exercise here is to do this without touching the HTML whatsoever. So no adding IDs or classes or anything else. Just using what you know about jQuery and CSS to accomplish this. So here's a recap of the challenge. We're going to mark up this form, both of us. Mark up the first field as having an error. And then highlight the second field as extra good. Including a little message that says, good choice, or something along those lines. And remember, HTML is completely off limits here. We're not going to touch the HTML. No funny business. That's your challenge, good luck.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.