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.