为什么在使用 formValidation.js 时需要指定字段的行属性

Question

查看 FormValidation 入门文档，他们在复杂表单示例的脚本中使用了 row: '.col-xs-5' 属性。我试图弄清楚为什么这是必要的？它与正确显示反馈message有关吗？

Answer 1

他们使用行选项根据输入的大小为错误消息提供大小。

例如：

<div class="col-xs-8">
      <label class="control-label">Movie title</label>
      <input type="text" class="form-control" name="title" />
</div>

标题输入的大小是col-xs-8的，您还必须提供一个带有col-xs-8验证选项的行选项，以正确的宽度显示错误消息，即输入的大小（col-xs-8）。

 title: {
                row: '.col-xs-8',
                validators: {
                    notEmpty: {
                        message: 'The title is required'
                    },
                    stringLength: {
                        max: 200,
                        message: 'The title must be less than 200 characters long'
                    }
                }
            }