Bootsrap设计的formvalidation.io验证问题

Question

假设您在同一行中有两个字段，一个需要验证，但其他情况不是在您触发验证时，它也显示其他字段的验证错误。例如，下面是我对“按名称记录”的验证，但是当我提交表单时，它也会抛出“经理”字段。只要我在“按名称记录”字段中输入内容就可以了。

这是我的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"标记，那么问题就会得到解决，但是＆＃34;经理＆＃34;字段滑到我不想要的下一行。

有什么想法吗？

Answer 1

在验证脚本代码中，设置自定义错误选择器，例如row：＆＃39; .col-sm-4＆＃39;，因此它将覆盖默认错误类main()，并且仅定位包含的选择器所需的输入字段。

.has-error .form-control

More Information & Reference

Fiddle