bootStrapValidator插件的使用

1.插件的下载和引用

首先要引入bootstrapValidator插件。链接的地址：https://www.bootcdn.cn/jquery.bootstrapvalidator/
可以使用网页中的插件连接，也可以将源码下载到本地使用。
要使用bootstrapValidator插件，代码中还要除了引入bootstrapValidator插件的js和css外，还要引入jQuery.js和bootStrap的js和css。

<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css">
<script type="text/java script" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/java script" src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/java script" src="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"></script>

注意：所有的表单控件一定要放到类名为from-group的div内部，验证才会生效。html代码如下:

 <div class="col-lg-8 col-lg-offset-2" style="padding-top: 40px">
     <form class="form-horizontal" method="post" action="" id="classes-form">
         <div class="box-body">
             <div class="form-group">
                 <label for="inputName" class="col-sm-2 col-sm-offset-1 control-label">班级名称</label>
                 <div class="col-sm-8">
                     <input type="text" class="form-control" name="class_name" id="inputName"
                            placeholder="请输入班级名称">
                 </div>
             </div>
         </div>
     </form>
 </div>

2.bootStrapValidator的常用验证

2.1 非空验证 notEmpty

html代码

 <div class="col-lg-8 col-lg-offset-2" style="padding-top: 40px">
     <form class="form-horizontal" method="post" action="" id="classes-form">
         <div class="box-body">
             <div class="form-group">
                <label for="inputName" class="col-sm-2 col-sm-offset-1 control-label">班级名称</label>
                 <div class="col-sm-8">
                     <input type="text" class="form-control" name="class_name" id="inputName"
                            placeholder="请输入班级名称">
                 </div>
             </div>
         </div>
     </form>
 </div>

 <div class="col-lg-8 col-lg-offset-2" style="padding-top: 40px">
     <form class="form-horizontal" method="post" action="" id="classes-form">
         <div class="box-body">
             <div class="form-group">
                <label for="inputName" class="col-sm-2 col-sm-offset-1 control-label">班级名称</label>
                 <div class="col-sm-8">
                     <input type="text" class="form-control" name="class_name" id="inputName"
                            placeholder="请输入班级名称">
                 </div>
             </div>
         </div>
     </form&g