帮助自定义定位错误消息答案

【问题标题】：help with custom positioning error messages帮助自定义定位错误消息
【发布时间】：2009-08-18 16:47:55
【问题描述】：

我正在使用伟大的 Bassistance jQuery Validator 并被困在一个点上这个想法很简单：我有很多这样的标记（我简化了，但想法是每个标记之后都可能有其他东西，即一个单词、一个图标等......与相应的“内联”）：

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

嗯，验证器“强制”错误消息出现在之后，所以我得到类似：

[input] "在此处插入一个数字" px

[input] "在此处插入一个数字" px

[input] "在此处插入一个数字" px

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

最好将错误信息放在 +following 元素之后的一行，所以：

[输入]像素

“在此处插入一个数字”

[输入]像素

“在此处插入一个数字”

[输入]像素

“在此处插入一个数字”

但是没有办法做到这一点

将 a 和后面的元素包装在 a 中无效，因为错误消息总是在包装 div 之后而不是在包装 div 之后

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

拜托，你能帮忙吗？有解决方案吗？谢谢

【问题讨论】：

标签： jquery positioning messages validation

【解决方案1】：

是的，您想设置 errorPlacement 参数。 There's a demo here（搜索errorPlacement）。

【讨论】：

【解决方案2】：

但如果他只想为一个领域设置不同的位置怎么办？

假设他有：
名称： [文本框] 此处有错误（必填）
电子邮件： [文本框] 此处出错（必填 + 电子邮件）

兴趣：（至少勾选 2 个）
这里有错误
[复选框] Foo
[复选框] 栏
[复选框] Bla
[复选框] 蓝色

【讨论】：