大佬教程收集整理的这篇文章主要介绍了jQuery – Parsley.js – 更改错误容器,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
根据文档:
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>
复选框
<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>
var parsleyConfig = { errorsContainer: function(pEle) { var $err = pEle.$element.siblings('.errorBlock'); return $err; } } $('#yourFormID').parsley(parsleyConfig);
注意:使用这种方法,您不能使用Makrand建议的parsley-validate属性.在您的表单上调用.parsley也是一样的,除了您可以添加自定义选项.此外,您需要将所有的欧芹属性与数据进行前缀,因为它们是数据属性(从v2.0开始).
以上是大佬教程为你收集整理的jQuery – Parsley.js – 更改错误容器全部内容,希望文章能够帮你解决jQuery – Parsley.js – 更改错误容器所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。