我想我误解了 Parsley.js 中组的使用。我的假设是,组可用于不显示单个输入的错误,而是显示组的错误。
例如,我有一个银行详细信息表单的三个排序代码字段。它们都是必需的,但我不希望每个单独地收到错误消息(因为它们是内联的),如果有的话他们出错了,我希望小组获得错误消息和错误类。
这是否可以在不编写自定义 javascript 来手动解析表单数据的情况下实现?
最佳答案
你不能用 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>
关于javascript - Parsley.js - 对组的理解和错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26732087/