Validation, for many years has been a major source of debate within professional web design circles, it is such a broad and diverse subject, resulting in far too many varying, and sometimes conflicting, techniques and ideas. Basically, there is no real consistent method to follow for form validation.
With javascript, and especially with jQuerys explosion in popularity, validation has become easier to implement. It has given web developers the scope to create forms that are not only accessible and visually appealing, but also, and most importantly, easy to use and understand.
This post does not list the best jQuery plugins for form validation,which would be the easier web design solution, it offers ten of our favorite tutorials explaining and detailing validation and how to successfully implement it, and in some cases learning how to build your own tailor made plugin.
Form Validation with jQuery from Scratch
jquery validation1
In this article you will be shown how to build a simple, yet powerful and extensible jQuery form validation plugin.
This article does not show you how to use the jQuery validate plugin, it covers building a lightweight, flexible solution from scratch. It won’t be nearly as advanced and powerful as the official plugin. Nevertheless, you’ll learn something new from a jQuery, JavaScript and Object-Oriented aspect.
View Tutorial & Demo »
How to Validate Forms in both sides using PHP and jQuery
jquery validation plugin
You are going to learn how to validate your forms, in this indepth tutorial, using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP).
At the end of the tutorial, you will get a final real working example that will validate your fields with / without javascript enabled, amd always making use of server side validaton.
Adding Form Validation to WordPress Comments using jQuery
jquery validation
When it comes to simpler user experience, having your form validation happen instantly on the same page is a lot cleaner than reloading pages and possibly losing some form content. In this tutorial you’ll be shown how to use jQuery to do some instant checking on an example comment form.
Advanced Form Styling & Functionality
jquery validation
This screencast walks you through the code that powers a fairly advanced web form. It utilizes jQuery to hide and show inputs as needed as well as power three plugins. One for applying fancy styling, one for validation, and one for the serializing of the inputs and AJAX submission. You will then use PHP to optionally save the users name and email, as well as send the actual email.
jquery validation