2012-07-10 50 views
8

因此,我使用jQuery validation并已管理(尽管有一些过时的文档)以获得一组必需的广播框。问题是插件在第一个广播(第一个具有所需类的组)之后直接附加错误标签。使用jQuery验证重新定位错误标签

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

供参考,这是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>你”之前评论会看到我想要标签去的地方。

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

回答

23

尝试添加标签标记您希望这个例子:

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

该插件会使用这个标记来显示错误

+0

谢谢@Karan,我试过这个,但是忽略了把标题放进去,哦! :D – 2012-07-10 10:51:32

+0

文档在这里http://jqueryvalidation.org/reference/添加锚点错误消息显示 – Azd325 2013-09-24 15:40:42

0

为什么不能把你的CSS像

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

这将会把你的跨度到右边,它看起来不错。 如果你是钢铁混淆你的代码放入jsfiddle。我会在那里做。

或检出如何把错误容器 http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html

+0

感谢你的答案,我不能在这个例子中使用CSS。虽然我要接受卡兰的答案,但我不知道错误容器,所以+1。 – 2012-07-10 10:51:04

+0

链接不再有效 – 2017-08-24 15:49:47