0

ブートストラップ 3 にブートストラップ バリデータを使用しており、入力の上にエラー メッセージを表示しようとしています。

提供されている HTML コードの例を次に示します。 

<form role="form" data-toggle="validator">
  <div class="form-group">
    <label for="inputEmail">Email</label>
    <input type="email" id="inputEmail">
    <div class="help-block with-errors"></div>
  </div>
</form>

これは正常に機能しますが、次のようなエラーを表示したい:

<!-- display error -->
<div class="help-block with-errors"></div>
<!-- input -->
<div class="form-group">
    <label for="inputEmail">Email</label>
    <input type="email" id="inputEmail">
</div>

ここで何かが足りないのですが、どうすれば正しくできますか?

または、JavaScript を使用してこのタスクを達成する別の方法はありますか? (コードの最初のブロックが使用されている場合、2 番目のコードの例のようにエラーを入力の上に移動できますか?)

4

1 に答える 1

0

入力と同じ親 div 内にエラーを配置します。これを試して：

<div class="form-group">
    <div class="help-block with-errors"></div>
    <label for="inputEmail">Email</label>
    <input type="email" id="inputEmail">
</div>
于 2017-05-24T07:11:04.307 に答える