Introduction
Form validation can be a nightmare for some of us but it is a good practise to include both client-side and server-side validation. You might think it’s a redundant effort, but come and think about it from the end user’s point of view, client-side validation can save time and save bandwidth by allowing user correct errors on the spot without have to submit it back to the server.
Creating your own javascript form validation plugin can be a tedious process which involve planning, developing and testing. Without a good knowledge in Javascript can lead to frustration and waste of time. In this post, I found 10 already made javascript validation plugins that could save your time! They are easy to apply and designed to work well with your existing template. I have been using validate.js because of its simplicity and easy to integrate. Have you been using any of those? Or you have a different solution? Let us know what’s your opinion on form validation.
validate.js
See Details Here
Validate.js is a very nice JavaScript form validation library that is inspired from the CodeIgniter form validation API. The library is lightweight (~1kb gzipped), doesn’t require any JavaScript frameworks and works in all major browsers (yes, including IE6).
See Demo Here Download Demo Files
Zebra Form
See Details Here
This is something different. Zebra_Form is a free PHP library, handles this process very well and enables us to create secure and chic forms with a few lines of PHP code. However, it integrates with jQuery in the frontend to display alerts and errors,. It’s worthwhile to be mentioned here.
See Demos and Download
Zebra Login Form Vertical
Download
Zebra Login Form Horizontal
Download
Zebra Login Form Label Inside
Download
Zebra Login Form Custom
Download
Zebra Registration Form Vertical
Download
Zebra Registration Form Horizontal
Download
Zebra Registration Form Custom
Download
Zebra Contact Form Vertical
Download
Zebra Contact Form Horizontal
Download
Zebra Contact Form Custom
Download
Zebra Reservation Vertical
Download
Zebra Reservation Horizontal
Download
Zebra Reservation Custom
Download
Zebra Validation Vertical
Download
jFormer
See Details Here
jFormer, a form framework built on top of jQuery brings a complete, easy-to-use and solid solution to handling them. It enables us to build forms which are validated on client-side and server-side (PHP solution is included) with Ajax requests where users are notified in a very chic way with tooltips and CSS-styling on every level.
jQuery.validVal
See Details here
jQuery.validVal is plugin for the popular JS framework which aims to simplify form validation. It can be used for validating any kind of HTML form (including Ajaxed ones) and works by defining the rules within class names.
Validity
See Details Here
Validity is a powerful and flexible jQuery form validation for making sure -on the client-side- that form values are just as expected. It is lightweight (9kb) and can perform simple to complex, dynamic and conditional validations. The plugin also gives full control over how validation messages will appear which makes it possible to match the look and feel of your site.
ValidForm Builder
See Details here
ValidForm Builder is an impressive open source form creation library that relies on PHP and JavaScript (jQuery). The library outputs standards-based web forms (XHTML 1.0 valid) that are validated both on the client-side and the server-side.
Ketchup
See Details here
Ketchup is an easy-to-customize (in means of appearance & functionality) jQuery plugin for validating user inputs on the client-side.
Validatious
See Details here
Validatious is an unobtrusive & easy to use JavaScript form validation library that does not depend on any JS frameworks. It has built-in validators like numeric, e-mail, URL, max/min char, etc. & custom ones can be created.
Form Validator
See Details Here
jQuery form validator is a versatile solution that works with every form. It displays floating error tooltips whenever the validation fails.
VanadiumJS
See Details here
VanadiumJS is an intuitive-yet-powerful jQuery plugin for easy client-side validation.
Hi, My name is Masud Alam, love to work with Open Source Technologies, living in Dhaka, Bangladesh. I’m a Certified Engineer on ZEND PHP 5.3, I served my first five years a number of leadership positions at Winux Soft Ltd, SSL Wireless Ltd, Canadian International Development Agency (CIDA), World Vision, Care Bangladesh, Helen Keller, US AID and MAX Group where I worked on ERP software and web development., but now i’m a founder and CEO of TechBeeo Software Company Ltd. I’m also a Course Instructor of ZCPE PHP 7 Certification and professional web development course at w3programmers Training Institute – a leading Training Institute in the country.
This is nice. I actually searching this kind of plugin. Thanks Vhi. In my next work i want to use it. Even i am not try.But i have understood. Again Thanks for validation javascript.
your every tutorial is so much helpful. everyday i visit ur site to read ur post. i m getting addicted to ur website. tnx a lot. i have learning something really……………. u r great.
My husband and I are liinvg on SS and with limit funds we would love to take our two grandsons who live in Austin TX. They are at a great age to enjoy everything. Winning this trip would be awesome for all of us.