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

Question

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

Answer 1

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

ユーザーがページから移動した場合は、onbeforeunloadまたはonunloadをバインドして、移動していることをユーザーに警告する必要があります。彼が確認したら、クッキーをクリアしてください。何らかの形で確認がスキップされると、次にフォームにアクセスしたときに、クッキーがクリアされていないので、そのクッキーを読み取るだけです。

また、機密データが入力される可能性があることにも注意してください。クッキー（およびローカルストレージ）は保存に安全ではありません。クッキーがリフレッシュされていなければ、クッキーが削除されるように期限を設定することができます。