javascript - formvalidation jquery 表单组

Question

我正在使用表单验证插件:我有一个表单组，其中有 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 Link