Dec
23

jQuery Inline Form Validation Engine

Author nerdscubecom    Category Javascript, Jquery     Tags , , ,

When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task.Cedric Dugas has created a jQuery Validation Engine in order to solve this problem.

When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

When you submit a form, it will look for inputs with predefined class selectors, and validate them accordingly to their type. It also does on the fly validation when you click outside of the input. Localisation language is also available. It has been tested on Internet Exploder 6 & 7, Firefox 3+, Safari 4 and Chrome 1+.

jQuery Form Validation

Post comment

Take it with you!

Twitter

Recent Posts

Categories

Tags

Adventure Android augmented Augumented avatar cf8 CF9 cfdump cfquery Coldfusion Coldfusion programming technology features new compare comparison debugging Definitions design Digitization dynamic element creation form future getmetadata HTML Inspirations Iphone Javascript Jquery movie Movies mustwatch mx7 new feature programming project Project Management Reality realtime si-fi Technology tip top tricks validation virtual world web development

Archives

RSS CF Libs

  • getComponentProps May 18, 2012
    Returns an array of all properties in cfc's metadata, inherited or not. […]
  • iniToStruct April 26, 2012
    Converts ini file(s) to a struct. […]
  • deDupeArray April 26, 2012
    Removes duplicate values from an array. […]
  • dice April 24, 2012
    Divide a string in parts of equal size with separators in between/ […]
  • getRelative April 9, 2012
    Returns a relative path from the current template to an absolute file path. […]
  • excelRate February 23, 2012
    Returns the interest rate per period of an annuity. […]
  • arrayTrim January 31, 2012
    This method trims an array to the specified number of elements. […]
  • longTime January 25, 2012
    Returns a list like 3 years, 2 months, 12 days, 1 hour, 10 minutes, 45 seconds from a seconds count argument. […]
  • quickSort January 15, 2012
    Implementation of Hoare's Quicksort algorithm for sorting arrays of arbitrary items. […]
Get Adobe Flash playerPlugin by wpburn.com wordpress themes