エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【contact form 7】エラーを検知したらその箇所まで自動スクロールさせる方法|kasumiblog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【contact form 7】エラーを検知したらその箇所まで自動スクロールさせる方法|kasumiblog
お問い合わせフォームにWordPressのcotanct form 7(コンタクトフォーム7)を使っている。 送信ボタンを... お問い合わせフォームに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"); // エラーが発生した箇所