jQuery Validation Plugin: Custom Error Styles (4/4)

In this screen-cast, I will show you how to get up and running with the awesome jQuery validation plugin. Please **like** the video if you liked it, and **subscribe** if you want to see more. If you have a question, please don't hesitate to get in touch via the comments.

Please watch in 720p for the best quality.

And here are some links I mention in the series:

[DevMcLean]

Bro. What a champ series, exactly what I was looking for to get into the validator. Shout out!

[stephenaitken]

Awesome set of videos. As a developer very early in my career, these are the best and most helpful videos on validate. Loved them.

[AlexBodrovFamily]

You know what?
Even two years later this video is the about about validation plugin!
you're rock!

[jicos]

Best youtube videos possible. Cant wait until your next series of videos.

[Erin-bcic]

Awesome videos man. Good shit. Keep it up.

[FlyingHippiesGaming]

Such an awesome series you have given us. I cannot thank you enough for these clear and concise videos.
You are awesome

[toma]

In 4 videos, You didn‘t talk about validation of checkboxes, radio buttons, select lists, etc.

[ReederWisconsin]

Thank you for this series! Good stuff.

[vikashkumarrao]

the way of teaching and explanation is very well.i implemented it on my project which is looking good.thank you so much.

[bradleysmith]

I'm using bootstrap already, must be my lucky day! :)

[NealBhanushali]

You should make more videos. (:

You are a great instructor!

[pirate_dev]

How can I disable default text warning for required and do a custom style like you did in this video ?

[Brooooonay]

Thank you, found your video very helpful! In my case, I want to use a Glyphicon along with the has-error class to show a field is invalid. Only when the field is clicked will the error message dropdown. Do you have any suggestions on the best way to do this? Thanks again!

[baseerx]

How can i show error message in tooltip popover rather than red line as it gives bottom margin..please help me

[preet.multani]

Awesome series. Thanks.

in this video, do i have to create a <div> with class 'form-group' before every input?

[vikasmalana]

sir how to make if all valiidations. are true then submit button is enable other wise disable

[SuperJAIMISH]

I was struggling with this for a while. I came across your series and it was really helpful! Thanks a ton, keep the videos rolling. Does anyone know how to increase thickness of the highlight?

[erosmarcuszamora]

If yours is not working maybe you are using different bootstrap version that is not like in this tutorial, this how i fix it. I use the class 'form-control' on my inputs and then used 'is-invalid' class. And also the help-block is not working so I used text-danger. Hope you understand my explanation. God bless

$.validator.setDefaults({
errorClass: 'text-danger',
highlight: function(element) {
$(element)
.closest('.form-control')
.addClass('is-invalid');
},
unhighlight: function(element) {
$(element)
.closest('.form-control')
.removeClass('is-invalid');
}
});

[pervezQadir]

Awesome video man, (y).
But I have no idea after watching this that how could i do it with php. Help me what changes are needed to do it with php.
Thank you!