From the course: jQuery for Web Designers

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Solution: Form feedback

Solution: Form feedback - jQuery Tutorial

From the course: jQuery for Web Designers

Start my 1-month free trial

Solution: Form feedback

- [Voiceover] Okay, let's take a look at my solution to this marking the form challenge. Now remember, what we were doing is making a big indicator that this field was required and not filled out and that this required field was filled out and that the answer was particularly good, and we weren't gonna touch any HTML while we did this. So here's what it looks like, here in my other tab. The way I've done this is I've highlighted the entire region where each field exists, and I haven't touched the HTML but I do have a good choice indicator here. Let's take a look at all the files and see how this works. First of all, here's my HTML and I have these group classes with a label and an input field in each one. Then, in the CSS, down toward the bottom, I've added an error class, which is also used on the label, and then a message class, which also effects the paragraph contained inside. So now that I have those I need to apply them using jquery. In order to adhere to my rule that we don't…

Contents