Donc, je travaille sur un site et j'ai besoin de sauvegarder des données qui sont introduites dans un formulaire. L'idée est de sauvegarder ces données à interroger plus tard, comme une "archive" de formulaires. Il n'y a pas de PHP, pas de serveur, j'ai besoin de tout faire localement. Y a-t-il un moyen de gérer cela?Enregistrer des formulaires dans localstorage
Merci
Vous pouvez essayer quelque chose comme ceci:
JS
//first check to see how many form records exist, if none set to 0 in storage
if (!localStorage.getItem('forms')) {
localStorage.setItem('forms', 0);
}
else {
forms = localStorage.getItem('forms');
}
//increment to the next form entry
forms++;
//save the form data to localStorage
localStorage.setItem('form.' + forms + '.firstName', document.getElementById('firstName'));
//lastly, save the number of forms to localStorage
localStorage.setItem('forms', forms);
HTML
<input type="text" id="firstName" />
Cela donnera un enregistrement en localStorage étiqueté formulaire.1.firstName. La sortie serait juste une autre vérification simple du nombre d'enregistrements de formulaire, et une boucle à travers les itérations.
Exactement ce que vous avez dit. LocalStorage (ou l'une de ses variantes). Qu'avez-vous essayé jusqu'ici et qu'est-ce qui ne fonctionne pas pour vous? Jetez un coup d'oeil à [ce plugin jQuery] (http://shaneriley.tumblr.com/post/1729353009/saving-form-state-with-jquery-and-localstorage) (il gère aussi différents stockages locaux). –
Je voudrais savoir s'il y a de toute façon, d'une certaine façon "automatiquement", obtenir toutes les données qui sont introduites dans le formulaire. Sinon, je ne vois qu'un moyen de le faire: obtenir ces valeurs par l'ID de chaque élément, mais cela prendrait beaucoup de temps ... –
non, vous n'avez pas besoin de le faire manuellement. Simplifiez le formulaire avec JSON.stringify, puis enregistrez-le localement (voir le lien, vous pouvez utiliser LocalStorage, SessionStorage ou comme ressource finale un cookie). –