お問い合わせフォームにWordPressのcotanct form 7(コンタクトフォーム7)を使っている。 送信ボタンを押してエラーがあったら、そのエラー箇所まで自動スクロールされる仕様に変更したい。 本記事ではこのような悩みを解決。 実装方法について解説します。 ※jQueryを使うので事前にライブラリを読み込みましょう。 実装サンプル jQuery(function ($) { var wpcf7El = document.querySelector(".wpcf7") wpcf7El.addEventListener("wpcf7invalid", function () { var speed = 1000; setTimeout(function () { var firstErrorEl = $(".wpcf7-not-valid:first"); // エラーが発生した箇所
![【contact form 7】エラーを検知したらその箇所まで自動スクロールさせる方法|kasumiblog](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e1d851778fd9ab189ab676c6de7076d37efa237/height=288;version=1;width=512/https%3A%2F%2Fkasumiblog.org%2Fwp-content%2Fuploads%2F2019%2F11%2Fwordpress-589121_1280-1.jpg)