петрушка, когда сообщение об ошибке или сообщение об успехе добавляет класс к родителю

Я использую Parsley в своей форме, поэтому, когда вводится адрес электронной почты, и это неправильный синтаксис, вы получите сообщение об ошибке, когда он правильный, вы получите сообщение об успешном завершении.

Все это отлично работает, но я хотел бы добавить класс к родителю. Как вы можете видеть в коде ниже, входные данные имеют класс с именем петрушка-ошибка.

Когда этот класс находится на входе, я хочу добавить класс в блок класса-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>

person Sabrina_N    schedule 03.09.2020    source источник


Ответы (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"

person ooo    schedule 24.09.2020