sessionを使った問い合わせの実装

Question

実現したいこと

index.phpで入力した内容をconfirm.phpに引き継いで解答した結果を表示できるようにしたい

発生している問題・分からないこと

Undefined variableが表示されている状態です

エラーメッセージ

Undefined variable $cf02 〜自身のファイルの設定位置

該当のソースコード

index.php 
<div class="nameBox">
        <label for="yourName" class="must">お名前</label>
        <input type="text" id="yourName" name="cf02" placeholder="山田太郎" value="<?php echo isset($cf02) ? $cf02 : ""; ?>"
          required="required">
      </div>

confirm.php

<div class="confirm_answerBox">
      <label for="yourName" class="center">お名前</label>
      <p class="center">
        <?php
          if(isset($cf02)) {
              echo $cf02;
          } else {
              echo "登録がありません";
          }
?>
      </p>
    </div>

index.phpからの内容を引き継ぐためのコード

if(isset($step)) {
    if($step == "comf") {

        foreach ($_POST as $key => $value) {
            /*   if (is_array($value)) {
                  $$key = implode(",", $value);
                  var_dump($key, $$key);

              } else {
                  $$key = $value;
                  var_dump($key, $$key);
              } */

            $_SESSION[$key] = $value;


        }

        if(isset($_SESSION)) {
            foreach ($_SESSION as $key => $value) {
                $$key = $value;
            }
        }

    } elseif($step == "comp") {
        // メール送信を実行し、エラーが起きなかったら

        require_once __DIR__ ."/functions/mail_send.php";

        //echo "kannryou";
    } else {
        //echo "sonota1";
    }
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

定義がそもそもなかったというエラーコードになっていたので
cf02="";と記載をしてみたのですが、登録した内容が入ってきてないみたいで登録がありませんと表示され続けています。
他の要素にしても一気にそうなってしまったので何か変更してしまったのかもしれません。

session_start();で読み込みはしているのでデータ自体はきているのかなと思うのですが、もしかしたらcf02の値を登録する場所がない、もしくは登録の仕方を間違えているなどがあるのではないかと思っています

補足

特になし

Answer 1

indexからconfirmにサブミットしてください

参考

どうしてもセッションだけで処理をしたい場合はデータ更新用にAPIを用意します

index.php

<?PHP
session_start();
$cf02=$_SESSION["cf02"]??null;
$h_cf02=htmlspecialchars($cf02);
?>
<script>
document.addEventListener('input',({target})=>{
  if(target.matches('#yourName')){
    const body=new FormData();
    body.append('cf02',target.value);
    const method='post';
    fetch('api.php',{body,method}).then(res=>res.json()).then(console.log);
  }
});
</script>
<div class="nameBox">
<label for="yourName" class="must">お名前</label>
<input type="text" id="yourName" name="cf02" placeholder="山田太郎" value="<?=$h_cf02?>"
required="required">
</div>
<a href="confirm.php">confirm</a>

api.php

<?PHP
session_start();
$options=["options"=>["regexp"=>"/.{1,10}/"]]; //参考：文字の長さが1～10文字を有効とします
$cf02=filter_input(INPUT_POST,"cf02",FILTER_VALIDATE_REGEXP,$options);
if(empty($cf02)){
  unset($_SESSION["cf02"]);
  $cf02=null;
}else{
  $_SESSION["cf02"]=$cf02;
}
  $result=["cf02"=>$cf02];
print json_encode($result);

confirm.php

<?PHP
session_start();
print $_SESSION["cf02"]??null;

Comments

[yudai1107]

ありがとうございます！
やってみます！

[yambejp]

サブミットしない（正しくはバックグラウンドでサブミットする）方法を追記しておきました

[yudai1107]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。