現在のところ、入力フィールドの直後に表示されているため、入力フィールドの前と.add-onの間にあります。間違っています - the demoを参照してください。 どのように修正できますか? (また、私はcustomized errorPlacementを使用することに注意してください - この機能は変わらないはずです)jQueryを表示する方法ブートストラップのアドオン後にエラーメッセージを検証しますか?
1
A
答えて
0
はちょうどそのコードをJS
$(error).insertAfter($(element));
$(error).insertAfter($(element).parent());
したり、あなたが変更することはできません変更できますか?もしそうなら、CSSのハックを作成するか、HTMLマークアップを変更する必要があります。任意のブートストラップアドオン要素は、以下を使用した後、必ずそれを印刷するための一般的なソリューションについては
2
:
errorPlacement: function(error, element) {
var next = element.next();
if (next.hasClass('add-on'))
$(error).insertAfter(next);
else
$(error).insertAfter(element);
}
関連する問題
- 1. jQueryの検証 - エラーメッセージを非表示
- 2. ノックアウト検証 - エラーメッセージの表示方法
- 3. jQuery Validate - 表示検証エラーメッセージを表示しない/カスタムエラーを表示する
- 4. CakePHPのビルトイン検証エラーメッセージを表示する方法は?
- 5. サーバー側の検証エラー後にJqueryモーダルダイアログを表示する方法
- 6. JQuery検証、エラーメッセージのカスタマイズ方法
- 7. 選択値の後にjqueryの検証エラーメッセージが表示されない
- 8. 検証後にdivを表示する
- 9. HAML - フォーム検証の作成とエラーメッセージの表示方法
- 10. jQueryの検証エラーメッセージ
- 11. 作成のための簡単なモンゴイド検証! - エラーメッセージを表示する方法
- 12. PHPのエラーメッセージの表示エラーメッセージトリガAjaxのjqueryの - フォームの検証
- 13. Jquery検証エラーメッセージがラベルと入力の間に表示されます
- 14. jqueryの検証で2つのエラーメッセージが表示されない
- 15. ADO.Netエンティティデータモデルは一意のフィールドを検証し、エラーメッセージを表示できますか?
- 16. フォーム検証(ブートストラップ)(jQuery)
- 17. フォームの検証時にエラーメッセージを表示しない
- 18. アスタリスクを検証コントロールに表示しますが、エラーメッセージを要約して表示します。
- 19. ポップアップjqueryにエラーメッセージを表示する方法
- 20. jQueryの検証、隠しフィールドのエラーメッセージを自動クリアする方法は?
- 21. 検証後にページをスクロールして検証を表示するポップアップ
- 22. WPF-検証 - AdornerDecoratorのために検証エラーメッセージが他のコントロールの背後に表示される
- 23. jQuery検証エラーメッセージの問題
- 24. WPF:検証の目的でアドオンを使用する方法
- 25. libxml2エラーメッセージを表示する方法
- 26. Rでエラーメッセージを表示する方法
- 27. jQuery検証エラーメッセージにフォーカスを移動
- 28. 表示でpassport.js認証エラーメッセージを表示
- 29. グリッドを表示した後にJQueryナビゲーションボタンを表示する方法
- 30. jqueryを使用する個々の要素を検証し、検証サマリーに関連するエラーメッセージを表示するには
私はそれを修正することができ、あなたのアプローチは、アドオンと入力フィールドに適していますが、うまく動作しません。それなしのフィールドのために。アドオンフィールドがあるかどうかをコード内で確認し、そのような場合にのみ '.parent'を適用できますか? –
関係はなんですか?要素 - それはあなたの入力です。スパンアドオンに依存しません。サンプル:http://jsbin.com/ayuyid/edit#javascript,html,live – sleepwalker
このデモをご覧ください(最初のフィールドに1記号のみ入力してください) - http://jsbin.com/ukecog/5/edit –