Effective & Simple Inline Form Validation using jQuery

Use simple inline form validation using jQuery and displays error in stylish div box, that do not disturb your existing html form structure.

Effective & Simple Inline Form Validation using jQuery

If you’re a web developer, you must have faced the problems of form validation technique that works everywhere in all kinds of forms. There are many form validation techniques, few are good, and few are ugly. And again, few good works only with the well formatted form. But if you have specific requirements of arranging form boxes here and there due to design specifications, such simple techniques doesn’t work well until you rearrange form elements.

Moreover, when it comes to display error, its again difficult to do that. Cedric Dugas has developed a simple & effective jQuery Solution, that not only validates form in simple way, but displays error in a nicely formatted div and positions it in the top right corner of the input. This way, you don’t need to worry about your HTML form structure.

Here is the Demo of the Script I’m talking about.

Here is a link to Cedric Dugas original post, from where you can use a jQuery inline form validation technique.

Related Posts


  1. John
    December 28, 2010 06:36

    thanks for this technique I was looking for it since yesterday..

  2. December 31, 2010 05:31

    Thank you john for your comments! Good to see that it helps you.

  3. Birkey
    March 02, 2011 05:10

    Thank you on your help!

  4. Daniel
    March 05, 2011 16:56

    Heya are using WordPress for your site platform? I’m new to the blog world but I’m trying to get started and create my own. Do you require any html coding knowledge to make your own blog? Any help would be greatly appreciated!

  5. Lorrine Culliver
    March 19, 2011 04:32

    You really helped me! Thank yoU!

  6. May 21, 2011 08:26

    The inline validation is simply great but I’m having problems with the css positioning of the error message. The page on my form moves to the right to show the error. Any help from anyone would be much appreciated

    • May 21, 2011 10:46

      Hi Karma, Can you share your link where we can view the problem you’re exactly facing?

  7. sampriya
    December 29, 2012 11:24