Home » Categories » Business » Web Development

Inline Form Validation With jQuery

Position Absolute is sharing an easy to use form validation engine built with jQuery. When it comes to form validation, it is always hard to have a versatile solution for every possible situation. Figuring out how to display errors is not a simple task and cannot be taken lightly. This jQuery form validation script is an attempt to solve this problem. It offers a flexible way of displaying errors that will possibly match any type of form design. When the script detects an error, it creates a div, positions it at the right-top corner of the input & displays it like a tooltip with the error message inside.

jQuery Form Validation

Validation rules are created inside the classes of every input field like:
<input class="validate[required,custom[onlyLetter],length[0,100]]" name="first" type="text" />
It currently support rules like:
  • required
  • length
  • telephone
  • email
  • onlyNumber
  • onlyLetter
  • & more
It will make your form validation as painless as possible. You can also create new regex rules very easily and it incorporate an easy way to create your language localization.

Requirements: jQuery
Compatibility: All Major Browsers

Online Demo

Attachments Attachments
There are no attachments for this article.
Comments Comments
There are no comments for this article. Be the first to post a comment.
Related Articles RSS Feed
ICEpdf - Open Source Java PDF Library
Viewed 1024 times since Wed, Jan 6, 2010
TinyBox - JavaScript Lightweight Modal Window Popup Script
Viewed 2862 times since Fri, Jan 8, 2010
File Upload in PHP - PHP File Upload Script
Viewed 3406 times since Thu, Nov 5, 2009
mbSlider - Highly Customizable Content Slider
Viewed 510 times since Mon, Jul 26, 2010
UI Patterns - User Interface Design Pattern Library
Viewed 866 times since Thu, Dec 31, 2009
jDigiClock - HTC Hero Style jQuery Digital Clock
Viewed 2466 times since Tue, Feb 16, 2010
JavaScript Tree Menu Component - jsTree Menu
Viewed 1604 times since Sat, Jan 9, 2010
8 Basics of Regular Expressions
Viewed 458 times since Mon, Mar 8, 2010
Free Visualization Components For Flex (AS3)
Viewed 813 times since Sun, Jan 3, 2010