You can use the errorPlacement-option for that, replacing the default insertAfter(element) with appendTo(element.parent())
Jörn On Tue, Aug 18, 2009 at 6:33 PM, IvanHalen<ivanha...@tin.it> wrote: > Hello, > I'm playing with the great Bassistance jQuery Validator and am stuck > at a point > The idea is simple: I have lot of this markup (I semplify, but the > idea is that after each <input> there could be something else, i.e. a > word, an icon, etc... that is "inline" with the corresponding<input>): > > <ol> > <li><input type="text" id="width" size="3"></input> px</li> > <li><input type="text" id="height" size="3"></input> px</li> > <li><input type="text" id="thumb" size="3"></input> px</li> > </ol> > > Well, the Validator "forces" the error messages to appear just after > the <input>, so I get something like: > > [input] "insert a number here" px > [input] "insert a number here" px > [input] "insert a number here" px > > In other words, the error messages "split" the natural flow of the > line > > The best would be to put the error message on a line after the <input> > +following element, so: > > [input] px > "insert a number here" > [input] px > "insert a number here" > [input] px > "insert a number here" > > But there's no way to reach this > > Wrapping the <input> and the following element in a <div> has no > effect, since the error message alway go after the <input> and not > after the wrapper div > > The error container demo (http://jquery.bassistance.de/validate/demo/ > errorcontainer-demo.html) does not match my needs since it wraps ALL > errors in a single div - but the idea of showing the error NOT close > to the <input> is nice > > Please, can you help? Is there a solution for this? > Thanks >
