jQuery的FormValidation不引导多标签

Question

的内部工作，我有FormValidation一个问题，多标签（引导主题）来验证form。当我点击在#tab-1正确提交按钮，formValidation工作。但是当我更改为#tab-2或#tab-3时，#tab-1中的字段验证不起作用，并且未经验证就提交form。

<form id="newstext" method="post" class="form-horizontal" 
    data-fv-framework="bootstrap" 
    data-fv-message="This value is not valid" 
    data-fv-icon-valid="glyphicon glyphicon-ok" 
    data-fv-icon-invalid="glyphicon glyphicon-remove" 
    data-fv-icon-validating="glyphicon glyphicon-refresh"> 
<div class="tabbable"> 
    <ul class="nav nav-tabs"> 
     <li class="active"><a href="#tab-1" data-toggle="tab"><i class="green ace-icon fa fa-home bigger-120"></i>tab-1</a></li> 
     <li><a href="#tab-2" data-toggle="tab"><i class="red ace-icon fa fa-folder bigger-120"></i>tab-2</a></li> 
     <li><a href="#tab-3" data-toggle="tab"><i class="blue ace-icon fa fa-exchange bigger-120"></i>tab-3</a></li> 
    </ul> 
    <div class="tab-content"> 
     <div class="tab-pane active" id="tab-1"> 
      <div class="panel-body"> 
       <div class="col-md-6"> 
        <div class="form-group"> 

          <label class="control-label">title *</label> 
          <input id="title" name="title" type="text" placeholder="" class="form-control" 
          data-fv-notempty="true" 
          data-fv-notempty-message="The title is required" /> 
        </div> 
        <div class="form-group"> 

          <label class="control-label">abstract </label> 
          <input id="abst" name="abst" type="text" placeholder="" class="form-control"> 

        </div> 
       </div> 
      </div>  
     </div> 

     <div class="tab-pane" id="tab-2"> 
      <div class="panel-body"> 
       <div class="col-md-6"> 
        <div class="form-group"> 

          <label class="control-label">name</label> 
          <input id="namee" name="namee" type="text" placeholder="" class="form-control"> 

        </div> 
       </div> 
      </div> 
     </div> 

     <div class="tab-pane" id="tab-3"> 
      <div class="panel-body"> 
       <div class="col-md-6"> 
        <div class="form-group"> 
         <label class="control-label">show</label> 
         <input name="show_callme" value="1" id="show_callme" type="checkbox">Ok 
         <input name="show_callme" value="1" id="shows" type="checkbox">Bold 
        </div> 
       </div> 
      </div> 
     </div> 

     <br> 
     <button type="submit" class="btn btn-success">submit</button> 
    </div> 
</div> 

请看看我的代码Codepen

Answer 1

这个例子可能会有所帮助：formvalidation.io/examples/bootstrap-tab

JQuery的FormValidation已经解决了这个问题，验证 即通过更换标签工作之间的jQuery的，验证