質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

6040閲覧

複数ページに渡るお問い合わせフォーム(コンタクトフォーム7)で戻るボタンが機能しない

kii.32

総合スコア67

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/12/13 09:11

前提・実現したいこと

ワードプレスで下記サイトを参考にして、
2ページ+確認画面のお問い合わせフォームを作成したいです。
確認画面のみコンタクトフォーム7を使った方法です。

リンク内容

発生している問題・エラーメッセージ

2ページ目から1ページ目の「戻るボタン」は機能しているのですが、 3ページ目(page-result.php)から2ページ目、1ページ目への戻るボタンが機能しません。 下記メッセージが表示されてしまいます。 「フォーム再送信の確認 このウェブページを正しく表示するには、先ほど入力したデータが必要です。データは再送信できますが、このページで先ほど行った操作を繰り返すことになります。 ページの読み込みに必要なデータを再送信するには、再読み込みボタンを押してください。 ERR_CACHE_MISS」

該当のソースコード

1ページ目(page-request1.php)

<form action="/request2" method="post">   <p>都道府県:<input type="text" name="pref" placeholder="東京都"></p>   <p>市区町村:<input type="text" name="city" placeholder="港区"></p>   <p>番地:<input type="text" name="area" placeholder="▲■"></p>   <button type="submit">進む</button> </form>

2ページ目(page-rewuest2.php)

<form action="/result" method="post">   <p>氏名:<input type="text" name="fullname" placeholder="山田太郎"></p>   <p>メールアドレス:<input type="email" name="mail" placeholder="info@exsample.com"></p> <?php //Step 1の内容をまとめて、hiddenへ吐き出しす $pref = htmlspecialchars($_POST['pref']); $city = htmlspecialchars($_POST['city']); $area = htmlspecialchars($_POST['area']); ?>   <input type="hidden" name="address" value="<?php echo $pref.$city.$area ?>">   <button type="submit">確認画面へ</button>   <button type="button" onclick="history.back()">戻る</button> </form>

3ページ目(page-result.php)

<?php echo do_shortcode('[form]'); ?> <script> jQuery(function($) { //配列から値を取得 var addr = postArray['address']; var name = postArray['fullname']; var mail = postArray['mail']; //値をフォームに入力 $('input[name="addr"]').val(addr); $('input[name="name"]').val(name); $('input[name="mail"]').val(mail); }); </script> //ショートコードでコンタクトフォームを読み込んでいます <?php echo do_shortcode('[contact-form-7 id="105" title="確認画面"]'); ?> <button type="submit">送信</button> <input type="button" value="戻る" onClick="history.back()"/>

※コンタクトフォーム7の内容
[text addr class:pref readonly]

[text name class:city readonly]

[text mail class:area readonly]

※functions.phpの内容

functions.php

1function form_post() { 2 if(isset($_POST)){ 3 $postArray = json_encode($_POST, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT); 4 echo '<script>var postArray = '. $postArray .';</script>'; 5 } 6} 7add_shortcode('form', 'form_post');

試したこと

下記ページを見て
<input type="button" value="戻る" onClick="history.back()"/>
と記載してみたのですが、フォーム再送信の確認のページが表示されてしまいます。
有識者の方いらっしゃいましたら、戻るボタンを実装できるように情報をいただきたいです。
どうぞよろしお願い致します。

フォームなどでよくある前画面に戻るボタン からの来たページに戻るボタン

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問