jquery - 未提出のフォームを保存する良い方法はありますか?

Question

難しい作業であることは承知していますが、ユーザーが送信せずに別のページに移動したときにフォーム入力を保存して、戻ってきたときに情報を再入力する必要がないようにする良い方法はありますか?

私は Rails 4、Simple Form、jQuery を使用していますが、醜いハックではないあらゆるソリューションを受け入れます。

Answer 1

ここでは、jQuery のシリアライズ関数が役に立ちます。途中でシリアル化してDBまたはlocalStorageに保存し、ページに戻ったときに逆を行うことができます。

http://api.jquery.com/serialize/

または、要素をループして配列/オブジェクトに格納し、それを localStorage にも格納し、再入力時にそれに応じてフォームの値を再入力することもできます。

Answer 2

これらはすべて素晴らしいアイデアですが、Garlic.jsという完璧なソリューションを見つけました。

今後同様の問題が発生する場合は、garlicjs で行う必要があるのは、ライブラリをインクルードし、フォーム タグに次を追加することだけです。

data-persist="garlic"

ライブラリは、期待どおりにそこから他のすべてを処理します。プリセットの一部が気に入らない場合は、かなりよく文書化されているようで、ほとんどすべての機能が無効になっているようです.

1 つの問題は、それが HTML5 のみのソリューションであることですが、それは私の目的には問題ありません。より相互互換性のあるものが必要な場合は、Rob のソリューションが良さそうです。