お問合せフォームの確認画面の戻るボタンを押すと、値を保持したまま、指定したページの指定した位置に戻る

Question

前提・実現したいこと

お問合せフォームの確認画面から戻るボタンを押すと、フォームに入力した値を保持したまま、フォームの一番上に遷移すること

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

フォームの値を保持したまま戻ることはできているのですが、フォームの一番下の送信ボタンの位置に戻ってしまいます。

該当のソースコード

<button type="button" class="c-confirm_btnSub_return jc_backlink">前へ戻る</button>


js
backlink: function(){
        $(".jc_backlink").click(function() {
          history.back();
        });

ボタンを押すと、hisotry.back()が発火します。

試したこと

その他に、phpで
<a href="<?php echo $_SERVER[HTTP_REFERE] ?>"></a>
としてみたものの、思うような挙動になりませんでした。

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

phpもしくはjsで
フォームの値を維持したまま、指定したページの指定した位置に戻る機能を教えていただきたいです！！

Answer 1

history.backではなく。

phpのみの仕組みであれば、
お問合せフォームに対して普通にフォーム送信して、
お問合せフォーム自体でPOST受信したデータをフォーム内に再現すればよいかと。

jsでもやれるようですね。
ローカルストレージっていうwebブラウザ上の領域を駆使するもののようです。
フォームの入力内容を保存してくれる「Garlic.js」は便利なプラグイン | 無料パソコン教室PcSchool.Club

Comments

[fumii]

m6uさん

ありがとうございます。
確認して、実装してみます。