jQuery 验证插件 - 错误放置 - 基本 Bootstrap 网格

Question

所以这是我的表单代码:

<form method="post" class="form-inline" id="myform">


  <div class="row">
    <div class="col-md-6 form-group">

      <label class="col-md-2 vcenter text-center" for="in1">G<sub>t</sub></label>
      <input type="text" placeholder="Transmitter gain" class="form-control 
      vcenter" id="in1" name="n1" value="">

      <select class="form-control" id="gt_sel" name="gt_si">
          <option value="dbi">dBi</option>
          <option value="dbd">dBd</option>  
      </select>

    </div>
  </div>
  <br />
....

这是插件的设置

errorPlacement: function(error, element) {
    error.insertAfter(element);
},

Image - how it looks

我希望将错误文本放置在选择方 block 之后，但我认为首先我的整个表单和 Bootstrap 中的网格设置并不像它们应该的那样

Answer 1

您可以执行 element.parent().append(error); 以确保错误始终作为最后一个子项附加。