当错误消息或成功消息将类添加到父项时进行欧芹

问题描述

我在表单中使用的是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>

解决方法

您可以使用类处理程序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"

javascript jquery parsley