How to Validate form using jQuery | Easy Validation in 8 minutes | Validation 2018 by theitguy

Learn how to Validate form using jQuery on focusout event with Full Explanation of code.Form Validation is very important.I have gave you full explanation of the code in this video so that you are able to learn logic of coding this by yourself as well.
The Register form is made with floating placeholder using html css
Now,
We don't want our users to put any invalid form of email or rather put numbers in their full name right?
So here's a simple way to Validate your form using jQuery with a form having floating placeholder...You don't need to mug up the code or try to copy paste it,as I'm going to explain you the logic used behind this code.
Hope You Like this Video...If you do then Do LIKE,SHARE & SUBSCRIBE to my channel The IT Guy

Main Focus in Video :
1.How to Validate form using jQuery
2.Easily Validate form using jQuery
3.Explanation of the code step by step to validate form
4.Try to help you build logic of code
7.How to Validate form using jQuery 2017
8.Validate form using jQuery 2017
9.Validation using jQuery
10.Form Validation using jQuery

Feel free to ask any doubts about the video in description.
Thank You for Watching..:)

jquery name validation : var pattern = /^[a-zA-Z]*$/;
jquery email validaton : var pattern = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

⚙️ Gear I Use

Hardware:

Finance:

Follow me on

[toglannestor]

thanks ! But if the user use the same Email address for registred and email already exist what can i add to the code to fix this error.?

[ndolocr]

Hi, I used your validation code, but everytime I click the submit button more than once, it does submit with errors. What could be the problem?

[TheITGuy]

Source Code for the Video is now Available on github

Link in Description

[andrescubides]

Thabk you so much excellent video and explanation, you saved me a lot

[--R----]

You have to explain regex also, because if you are student and you are learning this for exams, you have to know how to write regex

[iBanafa]

Great work I'm going to use it in my work, , thanks

[moirbindy]

How do you do this if you have one form and you need to hide parts? I have 3 sections with about 10 questions each.
So Ive added next and prev buttons but having trouble with validating and using next and prev.

[yasasvyguntur]

Bro I have used this form in react, the first set of error boolean check variables are said to declared but are never used, but I am using in the methods. Can you please help me

[anushkasweety]

sir how to add datepicker function to this by creating another field,
if we want to select date?

[jamesmalingi]

Hi, where should i paste the jquery code as i have pasted it in the index but its not picking

[ankitkumarsingh]

Thank you so much It has help me in my project

[GZ-ASSASSIN]

nice and clean explanation, thanks brother

[varshapatil]

Thank you so much. Very Help In my work😊

[mj_]

how to validate image upload like (<input type="file" name="imageUpload" id="form_image_upload" class="image_of_stud_form">) like empty, how much type of files are supported like jpeg, jpg, gif, btm etc. how to validate this field using jquery like your code seen in this video. so please i need help about it properly, also how to validate listbox field i need to explanation about it.

[kumaresha]

Can you do the same for Login page with username & password.

[swaroopk]

Hello Bro, saw ur video..good quality code along with clean explanation. You made my day...I implemented this in my project...Also, I need to implement an multiple image upload. Will you make a video with clear explanation regarding this. Thnx in advance. Love from Bangalore!

[KnowYourFinance]

Brother can we make dropdown also by floating placeholder

[ramchannrc]

How to change the value of submit to other text after validating?

[farhanazamchohan]

You have done it in a single file. You should use separate files to handle elements. javascript programming should be done in custom.js file to handle all jQuery matters. That's professional way. I did everything but no effect at all.

[Anandkumar-ilyp]

where is error_fname not showing in dive how to take var error_fname

showing fname_error_message and form_fname
but not showing error_fname
how to taken at
Var error_fname+false;