Sisyphus - Sauvegarde automatique des données de form avec jQuery

Sisyphus.js est un plugin jQuery qui permet de sauvegarder automatiquement les données des formulaires de vos visiteurs pour les restaurer en cas de crash navigateur etc.

Quoi de plus rageant qu'un navigateur qui crash ou fermé accidentellement  alors que l'on avait quasi terminé un formulaire en 8 étapes ...

Sisyphus.js reprend le concept de sauvegarde automatique du client Gmail en proposant un plugin jQuery qui va conserver les données déjà saisies par vos visiteurs en localStorage dans leur navigateur.

Leur navigateur crash ? Pas de problème, toutes les données déjà saisies sont restaurées.

Et ça marche plutôt bien ! Que ce soit des checkbox, des radios, des select à choix multiples ou des textarea, les données sont parfaitement restaurées.

Côté utilisation, c'est très simple:

$('#votreForm, #form2').sisyphus({
    customKeyPrefix: '', // Prefixe pour les clés du localStorage
    timeout: 0, // Interval de temps pour la sauvegarde
    onSave: function() {}, // Callback save
    onRestore: function() {}, // Callback restaurer
    onRelease: function() {}, // Callback release
    excludeFields: null // Si vous avez des champs à exclure $('textarea') par exemple
 });

Si vous souhaitez que la sauvegarde soit faite automatiquement à chaque modification d'un champ, il suffit de laisser timeout à 0.

Dès qu'un formulaire est reset ou submit, les données sont supprimées du localStorage.

Côté compatibilité, on vise les navigateurs supportant localStorage ou équivalent, dès IE8 donc:

• Chrome 4+
• Firefox 3.5+
• Opera 10.5+
• Safari 4+
• IE 8+

Le plugin pèse seulement 3.5k et permettra sans doute de sauver vos utilisateurs, donc à tester !

Site Officiel