概要
WordPressのContact Form7プラグインには確認画面を表示する機能がなく、「送信」ボタンをクリックするとすぐに送信完了となってしまう。
以下の方法で、「送信してもよろしいですか?」のアラートを簡単に表示させることができる。
確認ダイアログを表示させる方法
Contact Form7を使用している固定ページに「カスタムHTML」ブロックを追加し、以下のコードを入力する。
<script>
document.querySelector( '.wpcf7-submit' ).addEventListener( 'click', function(e) {
if (!confirm("送信してもよろしいですか?")) {
e. preventDefault();
}
});
</script>
サンプル
![](https://ageo-soft.info/wp-content/uploads/2024/06/17e3ef42bfc5ac49e53f50f65c17ed33-1024x335.png)
コメント