我想改变每个错误消息的位置。即在相应的位置显示错误消息<div class="errorBlock"></div>
。通过使用文档代码,错误消息显示在元素(输入)之前,而不是按预期显示。
有任何想法吗?
根据文档:
errors: {
container: function (element, isRadioOrCheckbox) {
var $container = element.parent().find(".parsley-container");
if ($container.length === 0) {
$container = $("<div class='parsley-container'></div>").insertBefore(element);
}
return $container;
}
}
我的html代码是:
INPUT
<div class="input-group date date-picker" data-date-format="dd/mm/yyyy" data-date-viewmode="years">
<input class="form-control dataScrap firstInput" type="text" parsley-notblank="true" parsley-required="true" parsley-error-message="You must input a birth date" readonly="readonly"/>
<span class="input-group-btn">
<button class="btn default" type="button"><i class="fa fa-calendar"></i></button>
</span>
<div class="errorBlock"></div>
</div>
CHECKBOX
<div class="checkbox-list">
<label class="checkbox-inline">
<input type="checkbox" parsley-group="checkboxGroup" parsley-mincheck="2"> Checkbox 1
</label>
<label class="checkbox-inline">
<input type="checkbox" parsley-group="checkboxGroup"> Checkbox 2
</label>
<div class="errorBlock"></div>
</div>
您可以通过覆盖来做到这一点Parsley 的默认选项 http://parsleyjs.org/doc/annotated-source/defaults.html。 (注意:我说的是最新版本 [v2.0],我建议你使用它)你基本上想给 Parsley 一个方法来找到.errorBlock
基于输入字段的容器。它看起来像这样:
var parsleyConfig = {
errorsContainer: function(pEle) {
var $err = pEle.$element.siblings('.errorBlock');
return $err;
}
}
$('#yourFormID').parsley(parsleyConfig);
And 这是一个活生生的例子 http://codepen.io/anon/pen/urpKD.
注意:使用此方法您不能使用parsley-validate
马克兰建议的属性。呼唤.parsley
在您的表单上执行相同的操作,只不过您可以向其中添加自定义选项。另外,您需要为所有欧芹属性添加前缀data-
,因为它们是数据属性(从 v2.0 开始)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)