Validate your forms with ease using jQuery!

 

Below is a quick screencast I did using screenr for a Nettuts competition.

jQuery Validation Plugin Documentation
Official Validation Plugin website

This screencast teaches you how to use a simple jQuery plugin to quickly validate your forms. It is as simple as including the plugin, and then doing something like $(‘#myform’).validate()

You then need to attach classes to the form fields. The different options are required, url, email, etc..

Visit the documentation at the link above if you would like more information.

Be Sociable, Share!

Related posts:

  1. Validate your Forms with Ease using jQuery
  2. 3 Screencasts For Building Your Own jQuery Plugin
  3. Animate Text with jQuery Easing (screencast)
  4. Creating a Simple Tooltip jQuery Plugin
  5. JQuery JavaScript Framework


Written by Brenley Dueck

 

One Response to “Validate your forms with ease using jQuery!”

  1. William Rouse Says:

    October 9th, 2009 at 2:52 pm

    Brenelz:
    I saw you webcast on jQuery Validate. The web cast was interesting and informative enough for me to download and play with this plug-in. As I play with this tool and learn how to use it, I am puzzled by one of the operations in the main demo where the author suggests that the news letter would be hidden if it were not disenabled for purpose of the demo. Try as I might, I can not seem to enable the hidden feature. I wonder if you understood the code and could point me in the right direction to understand this portion of the demo.
    Thanks for any help you provide.
    WBR

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 
connect with me!