使用jQuery验证重定位错误标签

时间:2012-07-10 10:20:55

标签: jquery jquery-validate

所以我使用jQuery validation并管理(尽管有一些过时的文档)以使一组必需的无线电盒工作。问题是插件是在第一个无线电(该组中具有所需类别的第一个)之后直接附加错误标签。

考虑到这一点,是否可以为每个错误标签设置自定义位置?

作为参考,这是HTML:

<tr>
    <td width="200">
        <label>Title2 *</label>
    </td>
    <td width="505">
>>>     <label><input type="radio" class="required" name="Title2" value="Mr" /> <!-- ERROR APPEARS HERE -->Mr</label>
        <label><input type="radio" class="required" name="Title2" value="Miss" />Miss</label>
        <label><input type="radio" class="required" name="Title2" value="Mrs" />Mrs</label>
        <label><input type="radio" class="required" name="Title2" value="Ms" />Ms</label>
        <!-- I WANT ERROR LABEL HERE -->
    </td>
</tr>

在标有>>>的行上滚动,您会看到显示插件正在放置错误标签的评论,就在结束</td>之前,您会看到哪里我想要标签。

任何帮助表示赞赏, 感谢。

2 个答案:

答案 0 :(得分:23)

尝试在您想要的地方添加标签:

<label class="error" for="Title2" generated="true"></label>

该插件将使用此标记显示错误

答案 1 :(得分:0)

为什么你不能把css像

span.error{
  position:absolute;
  right:0;
}

这会将您的跨度放在右侧,看起来也会很好。 如果你是钢铁混乱把你的代码放入jsfiddle。我会那样做。

或签出这个如何放置错误容器的例子 http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html