帮助自定义定位错误消息

时间:2009-08-18 16:47:56

标签: jquery positioning messages validation

我正在使用伟大的Bassistance jQuery Validator并且陷入困境 这个想法很简单:我有很多这个标记(我简化了,但想法是每个之后可能还有别的东西,即一个单词,一个图标等......与相应的“内联”):< / p>

<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>

好吧,验证器“强制”错误消息出现在之后,所以我得到类似的东西:

  

[输入]“在此插入一个数字”px

     

[输入]“在此插入一个数字”px

     

[输入]“在此插入一个数字”px

换句话说,错误消息“分裂”了行的自然流程

最好将错误消息放在+ follow元素之后的一行上,所以:

  

[输入] px

     

“在这里插入一个数字”

     

[输入] px

     

“在这里插入一个数字”

     

[输入] px

     

“在这里插入一个数字”

但是没有办法达到这个

在a中包装和后续元素无效,因为错误消息总是在包装div之后而不是之后

错误容器演示(http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html)与我的需求不符,因为它将所有错误包装在一个div中 - 但是显示错误的想法并不接近于

拜托,你能帮忙吗?这有解决方案吗? 感谢

2 个答案:

答案 0 :(得分:0)

是的,您要设置errorPlacement参数。 There's a demo here(搜索errorPlacement)。

答案 1 :(得分:0)

但是,如果他只想为一个字段设置不同的展示位置呢?

让我说他有:
名称: [文本框] 错误(必填)
电子邮件: [文本框] 错误(必填+电子邮件)

兴趣:(至少2次检查)
错误
[复选框] Foo
[复选框]栏
[复选框] Bla
[复选框] Blu