JQUERYフォーム一時保存機能プラグイン Sharing_jquery

jquery.formLocalStorage は、ユニバーサルフォームの一時保存機能を実装する jquery プラグインです

原則:

フォームフィールドの変更を監視し、HTML5 WebStorage の localStorage を使用してこれらの変更されたフォームフィールドの値を保存し、フォームが再ロードされるときに保存された値をフォームフィールドにロードして戻すことで、一時ストレージ機能を実装します。

特徴:

1. サーバーリソースを節約するためにサーバー側のストレージを使用しないでください。

2. コードは簡潔です。デフォルトの構成を使用する場合、必要なのは短いコード $("#your_form_id").formLocalStorage(); だけです。サーバー側ロジックの。

3. 豊富な設定項目とデフォルト値。設定項目を通じて、一時コンテンツのスタイル、一時ストレージのロード、保存、削除後のコールバック イベント、および一時ストレージの命名規則をカスタマイズできます。デフォルト値を使用することもでき、これにより過剰な構成作業が軽減されます。

使用法:

1. デフォルト設定を使用します:

$("#your_form_id").formLocalStorage();

2. カスタム構成を使用します:

$("#your_form_id").formLocalStorage({
  storage_name_perfix : 'your_storage_name_perfix', //自定义暂存存储的命名前缀
  storage_events : 'click' //自定义暂存触发事件
});

既知の問題:

1. フォーム項目に動的に書き込まれた一部の内容は監視できず、一時保存できません。

2. デフォルトの storage_name_perfix は this.context.URL + form_selector + "@" です。送信後に this.context.URL が変更された場合は、別の一意の値を使用するのが最善です。デフォルトの storage_name_perfix

プラグインのダウンロード http://xiazai.jb51.net/201602/yuanma/jquery.formLocalStorage(jb51.net).zip