http://jsfiddle.net/msbUM/ textbox/inputエレメントの下にエラーメッセージを表示するにはどうすればよいですか?jQueryがテキストボックス/入力エレメントの下にエラーメッセージを表示します
3
A
答えて
7
だけlabel.errorするdisplay: block;
を追加します。
label.error {
float: none; color: red;
padding-left: .5em;
vertical-align: top;
display: block;
}
+0
私は表示用のラベルではなくテーブルを使用すべきですか?ブロックは機能しますか? –
7
エラーラベルにdisplay:block
を適用してください。
+0
表示用のラベルではなく、表を使用する必要がありますか?ブロックは機能しますか? –
+0
優れています.1行で100行のコードジョブを実行しました。それは卓越性と呼ばれています。 – Pupil
1
別の迅速な解決をdiv
でエラー要素としてlabel
を交換することができます。
$(document).ready(function(){
jQuery("#frmId").validate({
errorElement:'div',
rules: {
// RULES //
},
messages: {
// MESSAGES //
}
});
});
関連する問題
- 1. 表示エラーメッセージがMVCでボタンクリックでテキストボックスに入力された3
- 2. 入力エレメントの表示テキストの取得
- 3. JQuery DatePickerの下にテキストボックスが表示されます
- 4. Jquery検証エラーメッセージがラベルと入力の間に表示されます
- 5. jQueryオートコンプリートのテキストボックスを入力するとリスト全体を表示
- 6. jQueryの検証、チェックボックスとラジオボタンのグループの下にエラーメッセージを入力
- 7. 入力の種類の下でフォーム検証でエラーメッセージが表示される
- 8. jQuery - テキストボックスの値を表示して別の値に値を入力
- 9. jQueryは、ページのテキストボックスにテキストボックスを表示します
- 10. 強制的にjQueryのUI Datepickerが下の入力フィールドを表示する
- 11. 入力のステップ属性エラーメッセージが表示されません
- 12. 複数のif文があるとすぐにエラーメッセージを表示します。私のプログラムは、両方が入力された後にエラーメッセージを表示します
- 13. 入力フィールドが空になるとアラートを表示し、送信ボタンをクリックしてエラーメッセージを表示します
- 14. 入力番号の隣にエラーメッセージが表示されない
- 15. HTML入力テキストボックスに値を渡して表示する
- 16. jQuery - 入力にスライダーの値を表示
- 17. 下のキャンバスの上にテキストボックスを表示
- 18. jqueryトラックが変更され、入力エレメントにハイライトが追加されます
- 19. ポップアップを使用してReact-Semantic-UIの入力エラーメッセージを表示
- 20. 入力フィールドにtitle属性がある場合、エラーメッセージの代わりにエラーメッセージが表示されます。
- 21. IEのjquery datepicker入力にカーソルが表示されます - Readonly
- 22. ページ内に入力エラーメッセージを表示する
- 23. RadioButtonList - テキストボックスに入力されたラジオボタンのみを表示する
- 24. テキストボックスの入力に基づいて画像を表示する
- 25. ラジオ入力に基づく入力フィールドの検証とエラーメッセージの表示
- 26. jquery入力を検証して非表示のdivを表示
- 27. エラーメッセージを表示中にテキストボックスが消える
- 28. jquery validation:1つのコントロールだけにエラーメッセージを表示します。
- 29. シリアル入力をテキストボックスに表示する - クロススレッド操作
- 30. jQueryを使用して別の入力値に基づいて入力を表示/非表示にする
テーブルをレイアウトに使用しないでください。 –
ラベルを使用してdisplay:blockを使用する必要がありますか。 ? http://docs.jquery.com/Plugins/Validation#Example –