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鏈接