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.
thanks for this technique I was looking for it since yesterday..
@John
Thank you john for your comments! Good to see that it helps you.
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….
Thank you on your help!
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!
You really helped me! Thank yoU!
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
Hi Karma, Can you share your link where we can view the problem you’re exactly facing?