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

时间:2014-11-04 09:50:57

标签: javascript parsley.js

我认为我误解了Parsley.js中团体的使用。我所假设的是,群组可以用来不在单个输入上显示错误,而是在群组上显示错误。

例如,我有一个银行详细信息表单的三个排序代码字段......它们都是必需的,但我不希望每个人都单独收到错误消息(因为它们是' inline),如果其中任何一个错误,我希望该组获取错误消息和错误类。

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

1 个答案:

答案 0 :(得分:2)

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>