Parsley.js – 更改错误容器

我想改变每个错误消息的位置。 这将在相应的

显示错误消息。 通过使用文档的代码，错误消息msg显示在元素（输入）之前，并且不会按预期显示。 有任何想法吗？

根据文件：

 errors: { container: function (element, isRadioOrCheckbox) { var $container = element.parent().find(".parsley-container"); if ($container.length === 0) { $container = $("
").insertBefore(element); } return $container; } } 

我的HTML代码是：

INPUT

复选框

 
   Checkbox 1    Checkbox 2  
  

Answer 1

您可以通过覆盖Parsley的默认选项来完成此操作。 （注意：我说的是最新版本[v2.0]，我建议你使用）你基本上想给Parsley一个方法，它将根据输入字段找到.errorBlock容器。 它看起来像这样：

 var parsleyConfig = { errorsContainer: function(pEle) { var $err = pEle.$element.siblings('.errorBlock'); return $err; } } $('#yourFormID').parsley(parsleyConfig); 

这是一个现实的例子 。

注意：使用此方法不能使用Makrand建议的parsley-validate属性。 在.parsley上调用.parsley做同样的事情，除非您可以添加自定义选项。 此外，您需要为所有欧芹属性添加data-前缀，因为它们是数据属性（从v2.0开始）。

Answer 2

试试这个：

 parsley-error-container=".errorBlock" 

您可以在Parsley文档中检查此属性

Answer 3

Parsley API已更新。 目前的方法是：

data-parsley-errors-container="#your-div-id"

请参阅此处的文档： http ： //parsleyjs.org/doc/index.html#psly-ui-for-field

Answer 4

在参考@ahmad hussain的答案时，您还需要在表单中添加一个属性：