Twitter bootstrap 引导表单验证

我正在尝试验证我的表单，它与bootstrap集成，因为我使用以下链接。我遵循链接中的每个步骤。我在这里面临的问题是，在文本框验证有效图像（右标记）不显示后。谁能在这里面请一下吗

---

欢迎来到堆栈溢出。请编辑您的问题并显示您正在使用的确切代码，或者创建一个JSFIDLE。@simbabque:您有整整10k的声誉：我已经编辑了qtion请帮助我@simbabque

<div class="form-group">
<label for="name" class="control-label col-xs-4">Name :</label>
 <div class="col-xs-8">
<div class="col-lg-8">
    <input type="text" class="form-control" name="teacherName"      id="teacherName"  placeholder="Enter Name">
</div>
  </div>
</div>

<script type="text/javascript" src="<%=request.getContextPath()%>/commenJs/datepick.js"></script>
<script src="<%=request.getContextPath()%>/bootstrap-form-validation/assets/js/jquery-1.7.1.min.js"></script> 

<script src="<%=request.getContextPath()%>/bootstrap-form-validation/assets/js/jquery.validate.js"></script>

<script src="<%=request.getContextPath()%>/commenJs/script.js"></script> 

<script>
    addEventListener('load', prettyPrint, false);
    $(document).ready(function(){
    $('pre').addClass('prettyprint linenums');
        });
    </script>

label.valid {
width: 24px;
height: 24px;
background: url(assets/img/valid.png) center center no-repeat;
display: inline-block;
text-indent: -9999px;
}
label.error {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}