ブートストラップ3検証状態、デフォルトで「Error」が表示されます

Question

私はシンプルなbootstrap 3スタイリングフォームを持っています。私はspanのhelp-blockを持っていますが、form-groupの親のdivもhas-errorと定義されていると表示されますが、エラーヘルプのテキストはデフォルトで表示されます。

私はこれが見つかったSO threadしかし、私はBootstrapがこの隠れ/隠れ論理の世話をすると思った。それは間違った前提ですか？私はshow-hideを世話するはずですか？

<form id="the-form" action="/abc" method="post">         

<div class="form-group"> 
    <label for="title" class="control-label">Title</label> 
    <input id="title" name="title" class="form-control" placeholder="Title" type="text" value="">  
    <span class="help-block">Title is not valid.</span>     
</div> 

<button id="create-button" type="button" class="btn btn-primary">Submit</button> 
</form> 

しかし、errorテキストはデフォルトで表示されます。

Answer 1

あなたはform-groupのdivにクラスhas-errorを追加すると...ブートストラップのみの内部要素にCSSのエラーを適用していますグループから。

エラーメッセージはエラー時にのみ表示したい場合。ときにそう

<span class="help-block hidden">Title is not valid.</span> 

をデフォルトでERRのMSGを隠すには、ブートストラップクラスでそれを行うことができます隠し

：あなたはそれを行うにはseveralsの方法があります。..のJavaScriptでそれを表示または非表示にする必要があり...一つは、それは次のようになりフォームにクラスhas-errorを追加しているときは、ヘルプブロックから隠されたクラスを削除する必要があります。フォームが正しいときにクラスを追加する必要があります。それは動作します。