We love Web 2.0

Your own voice on the web

Everyone can write & share
                                                   Blog
Explore My Blog Explore My Blog





Social Media & Social Media Marketing
 




 Social Networking




Web Development, SEO & Online Marketing
 
   
  Bookmark and Share
  
Jquery Inline Form Validation
      
Jun
15
Jamal Ahmad

jam05pgs

5 Comments  |   4218 Hits
Tags:   jquery, forms validation
 

Position Absolute is sharing an easy to use form validation engine built with jQuery.

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" />

Also, you can define custom rules via RegEx & error messages can be localised with custom language files.

VIEW DEMO

DOWNLOAD CODE
[ Stumble Upon ] [ Facebook ] [ del.icio.us ] [ furl ] [Sphinn] [ Digg ] [ Twitter ] [ Technorati ] [ Reddit ] [ Subscribe To RSS Feeds ]

5
 
 
Robby Scrop

Saturday, June 20, 2009 @ 07:42 AM
 

Excellent Post but i am wondering if i would be able to change the color of popup and Arrow according to my website scheme, how i can do this?

 
Marcelo

Thursday, May 27, 2010 @ 12:41 PM
 

I like this validation engine, but there is a bug when I insert a NUMBER ON A LETTER REQUIRED FIELD 2 OR MORE TIMES.THE MESSAGE STOPS TO POP UP! Give me some feedback with the solution.

 
   
 
Leave your comments
 
  Your comments  

     
name  

     
  email  

     
website    

     
5 + 3 =    

     
   
     

 
 

Follow me on twitter

Follow me on facebook
 

 
   

   

affiliate_link

   

affiliate_link

   

Buy Now - PayPal
   
 
   
  Blog Community
 
 
tissa
darrenrowse
amour
niculae
sassyqarla
summerzeet
electrostar
good-pens
kh
travelhotelworld
tunyalitk
masterartrep
dain22
bloggersun
jameslove4enao
thebeespace
majalahpatani
caryngf
wonkapromotions
jam05pgs
 
  View more bloggers   Join Community
   
   
  Popular Posts
 
 
JQuery Beautiful Image Slide Show in New Way
Good Pens, Saturday 18th April 2009

How 24 Hours of Work Will Send Millions of Readers to My Blog
Darren Rowse, Thursday 4th December 2008

Ajax Animated Live Search
Tunya Litk, Monday 4th May 2009

JQuery Autocomplete with Ajax PHP and MySQL
Jamal Ahmad, Sunday 14th June 2009

How to make $3000 with Free Niche Websites blueprint
Jamal Ahmad, Thursday 10th June 2010
   
   
  ExploreMyBlog Poll
 
 

Is Bing a better search engine than Google?
 

Yes

No
Unsure
 

 
   
  Blog Categories
 
 
About Blogging
Affiliate Marketing
AJAX
Banners
Blog Directories
Blog Marketing
Browsing
Copy Writing
CSS
E-Commerce
Email Marketing
Forms
Google AdSense AdWords
JQuery
Marketing Tools and Tips
Online Advertising
Online Marketing
Online Newsletter
Pay Per Click Strategy
RSS Feed Strategy
Search Engine Optimization
Social Media
Social Networking
Web 2.0
Website Analysis and Stats
Website Designing
Website Traffic
   
   
   

 
 

 

  

© Copyright Explore My Blog 2009, all rights reserved
A company registered in north America, Europe, Asia and Middle East as Explore Group.