Question

我正在尝试验证与bootstrap集成的表单，因为我正在使用以下链接。我按照链接中的每个步骤进行操作。我在这里遇到的问题是在验证了有效图像（右标记）没有显示的文本框之后。我可以请任何一个人。

http://twitterbootstrap.org/bootstrap-form-validation/

<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>

和css是 @import url（'assets / css / bootstrap.min.css'）; @import url（'assets / css / bootstrap-responsive.min.css'）; / *新款* /

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;
}

Bootstrap表单验证

0 个答案: