CSS form layout with jQuery Validation errors -


I have a form that I've styled with CSS so that the text box can be set correctly. I am using the form I am running on a layout issue when I submit the form due to the errors caused by verification. My CSS is as follows:

  #form p label {padding-top: 5px; Display area; Width: 100px; Swim left; }   

I know that float: left; is causing the problem. I'm looking for errors to appear next to each text box without changing the layout. There is class .errors for jQuery validation errors. I have made one to recreate my problem.

Your CSS for label element all Labels elements, so this form is over-riding the label elements used by the plugin to display errors.

Just adding this CSS only label elements are used by the plugin back to default values ​​ any of your other labels element without affecting

  #form p label.error {float: none; Display: Inline; }   

Demo:


Edit :

My answer Resolve your question, but if you want to take advantage of jQuery, you should check out another option by using jQuery plugin for fancy tool-tips.

Demo:

Answer from:

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -