javascript - parsley.js - 数据欧芹错误容器

Question

我正在尝试将错误容器(例如 data-parsley-errors-container="#ErrorSummary")与 parsely.js 一起使用。

我一切正常，但是，我遇到了障碍。

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

我尝试在页面首次打开时隐藏 div。但出现错误时则不显示。

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

Answer 1

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

当我的错误容器充满错误时，它看起来像这样。

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