错误消息或成功消息将类添加到父级时的欧芹答案

【问题标题】：parsley when errormessage or successmessage add class to a parent错误消息或成功消息将类添加到父级时的欧芹
【发布时间】：2020-09-03 19:32:22
【问题描述】：

我在表单中使用 Parsley，因此当输入电子邮件地址且语法错误时，您将收到一条错误消息，如果正确，您将收到一条成功消息。

这一切都很好，但我想向父级添加一个类。正如您在下面的代码中看到的，输入有一个名为 parsley-error 的类。

当该类在输入中时，我想在类块 1 上添加一个类。

<div class="block-1 border-left">
<div class="radio item-1"></div>
<div class="form-group" data-popover-name="popover-paragraph-template">
    <div class="form-group" data-popover-name="popover-field-template">
        <div id="componentHider">
            <input type="email" data-parsley-email="" id="email" name="email" class="form-control parsley-error" placeholder="Nieuw e-mailadres" data-parsley-id="3622">
            <ul class="parsley-errors-list filled" id="parsley-id-3622"></ul>
        </div>
    </div>
</div>

【问题讨论】：

标签： javascript jquery parsley

【解决方案1】：

您可以使用类处理程序data-parsley-class-handler="#block-1"

<div id="block-1" class="block-1 border-left">
<div class="radio item-1"></div>
<div class="form-group" data-popover-name="popover-paragraph-template">
    <div class="form-group" data-popover-name="popover-field-template">
        <div id="componentHider">
            <input type="email" data-parsley-class-handler="#block-1" data-parsley-email="" id="email" name="email" class="form-control parsley-error" placeholder="Nieuw e-mailadres" data-parsley-id="3622">
            <ul class="parsley-errors-list filled" id="parsley-id-3622"></ul>
        </div>
    </div>
</div>

不要忘记添加选择器。在这个例子中我使用了id="block-1"

【讨论】：