WebDevelopent Tips & Tricks

Note : Follow Step 1 , Step 2 And Step 3 As basic Validation*

Step 4: Set Rules For Email Validation.

Step 5 : Set Message For Email Validation.

Output:

Watch Video Here:

Step 1 : Download Jquery And Jquery Validation Plug in.

The first thing You have to do is download the jquery from the official jquery website.
https://jquery.com/download/
After that download the jquery validation plugin from
http://jqueryvalidation.org

After downloading jquery validation plugin extract in one folder it look like this..


Are useful file is in dist folder jquery.validate.min. copy that file in are project folder and also copy jquery file.

Step 2 : Create Simple Form In HTML File. 

Step 3 : Insert jquery and jquery Validation Plugin File In Your HTML File.

Step 4 : Do Rules Validation Code.

rules is use for validate the fields. In rules function required is use for form filed is not remain empty.

Step 5 : Set Error Message For Form Fields  

Messages function is use for set the error message for validation

Step 6 : Add CSS For  Error Messages.

Step 7 : Run the HTML File And Enter Submit Button. 

This Validation Tutorial for Empty fields.

For More My  Watch video jQuery Validation Plugin Tutorial