formvalidation jQuery表单组

Question

我正在使用formvalidation插件：我有一个form-group，在它里面有2个输入字段，其中1个正在被验证，一个没有。 但是，当我单击“验证”时，即使该窗体组中的所有框都不应该通过验证，它也会应用一个红色边框。

有什么想法吗？

   <div class="form-group">
    <div class="row">
        <div class="col-xs-4">
           <input type="text" class="form-control" name="phoneNumber" placeholder="Phone" />
        </div>

        <div class="col-xs-4">
           <input type="text" class="form-control" name="rooms" placeholder="# of bedrooms" />
        </div>
    </div>
</div>

http://jsfiddle.net/k281at67/48/

Answer 1

更新

将此添加到每个对象，它就像您希望的那样工作。

row: '.col-xs-4',

如

phoneNumber: {
  row: '.col-xs-4', // adding this to each object fixes issue.
  validators: {
    country: 'United States',
    ...

jsFiddle链接