parsley.js - data-parsley-errors-container

Question

我正在尝试使用parsely.js的错误容器（例如data-parsley-errors-container =＆＃34; #ErrorSummary＆＃34;）。

我把一切都搞定了，但是，我遇到了麻烦。

我只想将div的背景颜色设置为红色。我可以用CSS做到这一点，但即使没有错误，div也是可见的。

我在第一次打开页面时尝试隐藏div。但是当出现错误时它就不会显示出来。

有没有办法在首次打开页面时隐藏错误容器div，然后在发现错误时显示它？

Answer 1

当错误容器包含任何错误时，元素应该添加一个名为“filled”的类。只有在容器上存在该类时，才可以添加样式。

我的错误容器在填充错误时看起来像这样。

<div class="parsley-container filled">
    <div class="parsley-required">This field is required</div>
</div>

Answer 2

var parsleyConfig = {
    errorsContainer: function(pEle) {
        var $err = pEle.$element.find("div.parsley_container");
        return $err;
    }
};

jQuery("#form").parsley(parsleyConfig);