Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

WEBアプリで戻るボタンを押した際の、入力フォームの内容保持について

解決したいこと

戻るボタンで戻った際の入力フォームの履歴について

WEBアプリ作成中で分からない箇所があります
今「職歴を追加する」ボタンを押下すると入力フォームの列が追加されるようになっています(javascriptで制御)
追加した状態で「送信」ボタン押下し画面遷移後「戻る」ボタンを押下すると例の2枚目のようになってしまいます。

理想は1枚目と同じようになっていることなのですが
何かいい方法はないでしょうか

「送信」ボタン押下したら一時退避テーブルに保存されるので、そこから読み込めばいいと思いますが
jsの機能で追加したフォームの内容も保持しておく機能などあればそちらを使いたいと思っています。

例)
★入力した内容
image.png
★戻るボタン押下後の画面
image.png

0

2Answer

ローカルストレージで入力フォームの行数と内容を保存しておくのはいかがでしょうか?

保存するデータは文字列型のみとなっていますので、保存前にJSON形式、取得後に数値型へのキャストなどの対応が必要です。
データさえ保存されていれば、JavaScriptで行の追加や保存されているデータの再入力はできると思います。

2Like

chrome,edgeでは駄目な対処方法です。
どっかの怪しいサイトを訪れると、戻るボタンを押しても戻れないことがあります。

その悪用があり、ブラウザが禁止する傾向にあるようです。

さて、戻るを無効にできないなら、画面に行削除する大きな[戻るボタン]を付けてはどうでしょう?

1Like

Your answer might help someone💌