javascript - Cookie を使用してドロップダウンを含むフォームの値を保存および取得するにはどうすればよいですか?

Question

誤ってリンクをクリックしてから戻るボタンなどを使用した人のために、フォームを保存する簡単な方法はありますか? ドロップダウン入力を含みます。

Answer 1

onkeypress入力ボックスとテキストエリアに対して実行onchangeし、フォーム内のすべての選択に対してイベントを実行できます。トリガーされたすべてのイベントで、フォームを JSON 文字列にシリアル化して Cookie として保存するスクリプトを呼び出します。フォームが送信された場合は、後でその Cookie をクリアできます。

ユーザーがページから離れたシナリオでは、onbeforeunloadoronunloadをバインドして、移動していることをユーザーに警告する必要があります。彼が確認したら、Cookie をクリアします。どういうわけか確認がスキップされた場合、次回フォームにアクセスしたときに、Cookie がクリアされていないため、Cookie を読み取るだけです。

ただし、機密データが入力される可能性があることにも注意してください。Cookie (および localstorage でさえも) は安全に保管できません。Cookie が更新されない場合に Cookie が削除されるように、有効期限を指定できます。