前提・実現したいこと
Contact Form 7バリデーションエラーのメッセージが出ているかどうか判断したいです。
プラグインContact Form 7 add confirm
を使っており入力中、確認画面、完了画面でスタイルを変えたいです
該当のソースコード
Contact Form 7では必須項目が入力されていない場合以下のようなエラーメッセージが表示されます
html
1<div class="wpcf7-response-output" role="alert" aria-hidden="true" style="">入力内容に問題があります。確認して再度お試しください。</div>
このメッセージが表示されているかどうかをJQueryで判断することは出来るでしょうか?
必須項目が入力されている場合、先程のメッセージはcssが書き加えられwpcf7-response-output
に.wpcf7c-force-hide
というclassがつきdispay:noneがcssに表示されます
試したこと
$.fn.isVisible = function() { return $.expr.filters.visible(this[0]); }; if ($('.wpcf7-response-output').isVisible()) { }
で存在するか確認
補足情報(FW/ツールのバージョンなど)
Contact Form 7 add confirm
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。