javascript - Parsley.js - 对组的理解和错误

Question

我想我误解了 Parsley.js 中组的使用。我的假设是，组可用于不显示单个输入的错误，而是显示组的错误。

例如，我有一个银行详细信息表单的三个排序代码字段。它们都是必需的，但我不希望每个单独地收到错误消息(因为它们是内联的)，如果有的话他们出错了，我希望小组获得错误消息和错误类。

这是否可以在不编写自定义 javascript 来手动解析表单数据的情况下实现？

Answer 1

你不能用 data-parsley-group 做到这一点。创建组是为了验证多步骤表单。这通常是一个大表单，您可以将其分成多个步骤(组)并一次验证一个。

在不添加自定义 javascript 的情况下，您可以使用的是 data-parsley-errors-container .

您应该将此属性应用于要对错误消息进行分组的每个字段。你应该使用这样的东西:

data-parsley-errors-container="#element"

其中 element 是将显示消息的元素的 ID。

这是一个关于如何创建表单的示例 (jsfiddle available):

<form class="form-inline" role="form" id="myForm">
    <div class="form-group col-xs-12">
        <input type="text" class="form-control col-xs-3" id="field1" required
            placeholder="Field 1" data-parsley-errors-container="#listFieldError" />
        <input type="text" class="form-control col-xs-3" id="field2" required
            placeholder="Field 2" data-parsley-errors-container="#listFieldError" />
        <input type="text" class="form-control col-xs-3" id="field3" required
            placeholder="Field 3" data-parsley-errors-container="#listFieldError" />
    </div>
    <div class="form-group">
        <div id="listFieldError"></div>
        <button type="submit" class="btn btn-default">Sign in</button>
    </div>
</form>