2

行の高さを固定することは良い習慣ですか?
クラスを使用help-blockしてエラー メッセージを動的に表示しようとしていますが、メッセージを表示すると、完全なグリッド レイアウトが変更されます。
jsfiddleこれが、メッセージ
なしでグリッドが表示される方法です。help-blockここに画像の説明を入力

送信をクリックすると、必須フィールドが空かどうかがチェックされます。の場合は、このように表示されます。 ここに画像の説明を入力

問題は、行の高さを動的に変更するエラー メッセージが動的に追加されることです。どうすれば修正できますか?

4

2 に答える 2

0

とにかく、なぜこれらのメッセージをテキスト フィールドで表示するのですか? 各必須フィールドの赤い * はすでにあります。エラーメッセージを一番上に追加するか(ページがエラーまでスクロールされるようにしてください)、またはクリックしたボタンの一番下に追加します。

.has-errorまた、ブートストラップを使用しているため、エラーのある入力フィールドにa を追加できます。それはあなたの問題をすべて解決するでしょう。

を持つ生年月日のフィドルの例.has-errorhttp://jsfiddle.net/HgAVP/2/

ただし、一部のクラスを修正して、Bootstrap と完全に互換性を持たせる必要がありました。

于 2013-10-08T17:00:58.453 に答える