JavaScript - errormessage または successmessage がクラスを親に追加するときのパセリ

okwaves2024-01-25  7

フォームで 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;

総合生活情報サイト - OKWAVES
総合生活情報サイト - OKWAVES
生活総合情報サイトokwaves(オールアバウト)。その道のプロ(専門家)が、日常生活をより豊かに快適にするノウハウから業界の最新動向、読み物コラムまで、多彩なコンテンツを発信。