2012-07-10 40 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