如何對表單使用jquery TOOLS驗證，指示錯誤消息的位置

Question

我對SO和Web開發都很陌生。 對不起我一般的無知。

我已經構建了一個在表單提交之前進行驗證的表單。 我已經包含了jqueryTOOLS基本驗證器： http ：//www.jquerytools.org/demos/validator/index.html

它工作正常，但我需要調整錯誤消息的位置，我發現我可以使用以下代碼：

$("#myform").validator({
position: 'center left',
offset: [-2, 80],
});

但是，它正在調整包含錯誤消息的div的左側手的位置。 因為我希望錯誤出現在每個字段的左側，我試圖錨定錯誤消息的右側，而不是左側。

因此，雖然我可以使用位置和偏移量來移動錯誤消息，但我希望我正在移動的錯誤消息的位置進行更改。

這很重要，因為錯誤消息的長度不同，因此如果我錨定左側，則較長的消息將覆蓋需要交互的字段。

我希望這很清楚，如果沒有，我可以解釋更多！ :)

Answer 1

問題是由於jquery工具插件設置left css屬性與right屬性。 它絕對位於頁面上，因此它對“中間左側”的計算是不正確的..它應該是計算距頁面右側的距離，而不是左側。 你甚至可以在他們的演示頁面上看到這個失敗：只需打開一個控制台並運行它：

$("#myform").validator({position:'center left', offset:[0,0]})

單擊“提交”，您將看到它不起作用

您可以為錯誤寬度強制某個寬度（例如200），然后您可以傳遞偏移量：[0,200]並且它將正確顯示。

否則你可能不得不手動修復插件源中的邏輯（並向他們提交bug！）