Maison >interface Web >js tutoriel >Plug-in de fonction de stockage temporaire du formulaire JQUERY Sharing_jquery

Plug-in de fonction de stockage temporaire du formulaire JQUERY Sharing_jquery

WBOY
WBOYoriginal
2016-05-16 15:14:111687parcourir

jquery.formLocalStorage est un plug-in jquery qui implémente la fonction de stockage temporaire de formulaire universel

Principe :

Surveillez les modifications dans les champs du formulaire, utilisez localStorage dans HTML5 WebStorage pour stocker les valeurs de ces champs de formulaire modifiés et chargez à nouveau les valeurs stockées dans les champs du formulaire lorsque le formulaire est rechargé, implémentant ainsi la fonction de stockage temporaire. .

Caractéristiques :

1. N'utilisez pas le stockage côté serveur pour économiser les ressources du serveur.

2. Le code est concis. Si vous utilisez la configuration par défaut, vous n'avez besoin que d'un court morceau de code $("#your_form_id").formLocalStorage(); de logique côté serveur.

3. Éléments de configuration riches et valeurs par défaut. Grâce aux éléments de configuration, vous pouvez personnaliser le style du contenu temporaire, les événements de rappel après le chargement, le stockage et la suppression du stockage temporaire, ainsi que les règles de dénomination du stockage temporaire. Vous pouvez également utiliser les valeurs par défaut, réduisant ainsi le travail de configuration excessif.

Utilisation :

1. Utiliser la configuration par défaut :

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

2. Utiliser une configuration personnalisée :

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

Problèmes connus :

1. Certains contenus écrits dynamiquement dans les éléments du formulaire ne peuvent pas être surveillés et ne peuvent pas être temporairement enregistrés.

2. Le storage_name_perfix par défaut est this.context.URL + form_selector + "@". Si this.context.URL change après la soumission, le stockage temporaire ne sera pas localisé. le storage_name_perfix par défaut

.

Téléchargement du plug-in http://xiazai.jb51.net/201602/yuanma/jquery.formLocalStorage(jb51.net).zip

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn