There are lots of ways to add validation in html form. You can use simple javascript or jquery to perform validation. In this tutorial I am going to show you how to validate html form using jquery<\/a> without plugin.<\/p>\n

Yes you heard it right without plugin.<\/p>\n

There are lots of tutorials on web which provide jquery validation but with the help of plugins. I will try my best to cover this in a very simple manner so you can easily perform validation in any of your project. I will apply validation on contact form. Now let\u2019s start<\/p>\n

Also Read:<\/strong> How to Create Simple Contact Form using Ajax, jQuery, Php and Mysql<\/a><\/p>\n

Jquery form validation example without plugin<\/h2>\n

<\/a><\/p>\n

Steps in form validation:<\/h3>\n

\n
• Create contact form with name, email, phone and comment fields and also assign different id to each of the input element.<\/li>\n
• Email must be valid email address.\n
• Phone must be valid phone number with XX-XXXX-XXXX, XX.XXXX.XXXX and XX XXXX XXXX format.\n
• Apply validation on blur\n
• When form submitted check all the fields.\n<\/ul>\n
  \n<\/ins>
  \n