Javascript js-数据欧芹错误容器

Javascript js-数据欧芹错误容器,javascript,jquery,parsley.js,Javascript,Jquery,Parsley.js,我试图将errors容器(例如data parsley errors container=“#ErrorSummary”)与parsely.js一起使用 我的一切都正常,但我遇到了一个障碍 我只想将div的背景色设置为红色。我可以用CSS实现这一点,但是div是可见的,即使没有任何错误 我尝试在第一次打开页面时隐藏div。但当出现错误时,它不会显示 是否有一种方法可以在第一次打开页面时隐藏错误容器div,然后在发现错误时显示它?当错误容器包含任何错误时,元素应该添加一个名为“filled”的类。

我试图将errors容器(例如data parsley errors container=“#ErrorSummary”)与parsely.js一起使用

我的一切都正常,但我遇到了一个障碍

我只想将div的背景色设置为红色。我可以用CSS实现这一点,但是div是可见的,即使没有任何错误

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


是否有一种方法可以在第一次打开页面时隐藏错误容器div,然后在发现错误时显示它?

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

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

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

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

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