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