フォームで 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" を使用しましたt;