formvalidation.io Bootsrap设计验证问题

Question

假设您在同一行中有两个字段，一个需要验证，而另一个不是当您触发验证时，它也会显示其他字段的验证错误。例如，下面是我仅在“按名称记录”时的验证，但是当我提交表单时，它也会引发“管理员”字段。只要我在“按名称记录”字段中输入某些内容，它就会变得OK。

这里是我的HTML，

<div id="Section_ObserverDetails"> 
    <div class="col-sm-12"> 
     <div class="row"> 
      <div class="panel-body form-horizontal"> 
       <div class="form-group"> 
       <div class="col-sm-2"> 
        <label for="pro_LoggedByName" class="col-sm-12 control-label">Logged by name</label> 
       </div> 
       <div class="col-sm-4"> 
         <input type="text" class="form-control" id="pro_LoggedByName" name="pro_LoggedByName" value="" >       </div> 

       <div class="col-sm-2"> 
        <label for="top_Manager" class="col-sm-12 control-label">Manager</label> 
       </div> 
       <div class="col-sm-4" id="div-top-manager"> 
        <div class="radio"> 
         <label class="form-radio form-normal form-text form-success "><input type="radio" name="top_Manager" value="Yes">Yes</label><label class="form-radio form-normal form-text form-success active"><input type="radio" name="top_Manager" checked="checked" value="No">No</label> 
        </div> 
       </div> 
        </div> 
       </div> 
      </div> 
     </div> 
</div> 

如果我把class="form-group"标签两个领域的问题，然后解决得到，但“经理”字段滑落到下一行，我不想。

有什么想法？

Answer 1

在您的验证脚本代码中，设置自定义错误选择器，例如：'.col-sm-4'，因此它将覆盖默认错误类.has-error .form-control，并且仅针对包含所需输入字段的选择器。

fields: { 
    pro_LoggedByName: { 
     row: '.col-sm-4', //<----This is custom error selector 
     validators: { 
      notEmpty: { 
       message: 'The city is required' 
      } 
     } 
    } 
} 

More Information & Reference

Fiddle