2011-08-23 40 views
0

我使用jquery.validate.js進行表單驗證,但我似乎無法修復錯誤標籤顯示在輸入字段右側的事實。我希望他們出現beanth輸入字段。jQuery.validate.js文本字段下方的錯誤標籤

有沒有人知道如何得到這個結果?

//編輯

解決它:

我走了進去jquery.validate.js

編輯如下:

// from line 627 
627. showLabel: function(element, message) { 
628. message = "<br>"+message; 
+1

我認爲編輯腳本是不是最好的解決辦法,我想你可以清晰的 –

+0

通過CSS實現它更改腳本是不是一個偉大的方法。您所做的更改將使其無法驗證XHTML,因爲
尚未關閉。將消息封裝在一個塊元素的div中會更好,因爲它通常會流到下一行。 CSS也可以用於任何額外的調整。事實上,使用CSS將錯誤消息放在你想要的地方(將span的顯示設置爲'block')。 – Xhalent

回答

1

,同時它的工作直接編輯驗證腳本這在路上可能不會很好維護,或者可能不會成爲稍後查看此問題的人的一種選擇。

這裏有一個替代方案,

jQuery驗證錯誤產生類似:

<label for="input1" generated="true" class="error">This field is required</label> 

它也增加了類 「錯誤」 的輸入元素本身<input id="input1" name="input1" type="text" class="required錯誤" />

所以款式錯誤,並在這種情況下,使其顯示在輸入下,你可以做類似...

CSS:

label.error { 
    display:block; 
}