Contact Form7で特定の項目のエラーメッセージを別の位置に動かしたくなることはありませんか？ない？私はあります。お客様の要望です。
何故かフォームの特定項目が、ちょっと離れた位置に存在しており、普通にエラーメッセージを出すとそれを見てくれない可能性があるから、別の位置に表示してほしいと要望を頂きました。
ということで、試行錯誤を繰り返し、辿り着いたのが以下の方法です。functions.phpでなんか制御すればいいのは分かりますが面倒くさいし、あまり触りたくなかったのでjQueryです。
$(document).on('wpcf7:invalid', function(evt) {
$('span.【要素のclass】 .wpcf7-not-valid-tip').insertBefore('【持っていきたい要素】');
});
Contact Form7でエラー時に使用されるトリガー「wpcf7:invalid」を利用してます。トリガーは色々あるので、他にも色々できそうですね。
insertBeforeのところは適宜変えましょう。
