parsley.js - data-parsley-errors-container

parsley.js - data-parsley-errors-container

本文关键字：data-parsley-errors-container js parsley      更新时间：2023-09-26

我试图使用错误容器(例如data-parsley-errors-container="#ErrorSummary")与parsely.js.

我的一切都在工作，然而，我遇到了一个障碍。

我只想将div的背景色设置为红色阴影。我可以用CSS来做这个，但是这样div即使没有错误也是可见的。

我试过在页面第一次打开时隐藏div。但是当有错误时，它就不显示了。

是否有一种方法来隐藏错误容器div当页面第一次打开，然后显示它，如果发现错误?

当错误容器包含任何错误时，元素应该添加一个名为"fill "的类。只有当类出现在容器中时，你才能添加你的样式。

我的错误容器看起来是这样的，当它被一个错误填充。

<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);
相关文章：