Challenge: Form feedback


show more Challenge: Form feedback provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery for Web Designers show less
please wait ...

Challenge: Form feedback

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...

Challenge: Form feedback
Video duration: 1m 12s 1h 42m Intermediate

Viewers:

Challenge: Form feedback provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery for Web Designers

Subject:
Web
Software:
jQuery
Author:
please wait ...