Bootstrap 3验证状态，默认显示'Error'

Question

我有一个简单的bootstrap 3样式表单。我有一个span与help-block，我明白，如果父div与form-group类也有has-error定义，但会显示错误帮助文本默认情况下显示。

我发现这个SO thread，但是，我认为Bootstrap会照顾这个隐藏/取消隐藏的逻辑。这是一个不正确的假设吗？我应该照顾秀吗？

<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

当你的类has-error添加到form-group DIV ..引导只应用CSS错误的元素的内部从组。

如果您想仅在错误时显示错误消息。你要显示或由JavaScript隐藏它。有severals这将是办法做到这一点。其中：默认隐藏的错误信息，您可以隐藏

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

所以，当你引导类做正在将类has-error添加到窗体中，您应该从帮助块中删除隐藏的类。然后，您需要在窗体正确时再次添加隐藏的类..所有这些都与JS有关。那可行。