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

Why is it necessary to specify the row property of a field when using formValidation.js?

本文关键字:字段 属性 formValidation js 为什么      更新时间:2023-09-26

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

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

例如:

<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'
                    }
                }
            }