2012-04-08 1 views
1

現在のところ、入力フィールドの直後に表示されているため、入力フィールドの前と.add-onの間にあります。間違っています - the demoを参照してください。 どのように修正できますか? (また、私はcustomized errorPlacementを使用することに注意してください - この機能は変わらないはずです)jQueryを表示する方法ブートストラップのアドオン後にエラーメッセージを検証しますか?

答えて

0

はちょうどそのコードをJS

$(error).insertAfter($(element)); 

$(error).insertAfter($(element).parent()); 

したり、あなたが変更することはできません変更できますか?もしそうなら、CSSのハックを作成するか、HTMLマークアップを変更する必要があります。任意のブートストラップアドオン要素は、以下を使用した後、必ずそれを印刷するための一般的なソリューションについては

+0

私はそれを修正することができ、あなたのアプローチは、アドオンと入力フィールドに適していますが、うまく動作しません。それなしのフィールドのために。アドオンフィールドがあるかどうかをコード内で確認し、そのような場合にのみ '.parent'を適用できますか? –

+0

関係はなんですか?要素 - それはあなたの入力です。スパンアドオンに依存しません。サンプル:http://jsbin.com/ayuyid/edit#javascript,html,live – sleepwalker

+0

このデモをご覧ください(最初のフィールドに1記号のみ入力してください) - http://jsbin.com/ukecog/5/edit –

2

errorPlacement: function(error, element) { 
var next = element.next(); 
if (next.hasClass('add-on')) 
    $(error).insertAfter(next); 
else 
    $(error).insertAfter(element); 
} 
関連する問題