Save For Later

LittleCloud
Autor
Offline

Mehr

9 Monate 3 Wochen her - 9 Monate 3 Wochen her #10034 von LittleCloud

Save For Later wurde erstellt von LittleCloud

Hi Visforms Team / Happy New Year!

Is it possible to implement a solution to temporarily save the form data on the client side (browser) and recall it when the user returns to the form? I imagine this would typically involve local storage or cookies in JavaScript. Can this be done at the form level (Frontend Webassets) or is a plugin required for such a functionality?

I was thinking something around these lines:

Code:

document.addEventListener("DOMContentLoaded", function () {
// Check if there's stored form data and populate the form fields
const storedFormData = localStorage.getItem("tempFormData");
if (storedFormData) {
const formData = JSON.parse(storedFormData);
Object.keys(formData).forEach(key => {
const field = document.getElementById(key);
if (field) {
field.value = formData[key];
}
});
}

// Save form data to local storage when the form is submitted
$("#yourForm").submit(function (event) {
const formData = {};
$(this).serializeArray().forEach(field => {
formData[field.name] = field.value;
});
localStorage.setItem("tempFormData", JSON.stringify(formData));
// You can remove the stored data after successful form submission if needed
// localStorage.removeItem("tempFormData");
});
});

PS: Most of my users consult the form during the day and may fill it out here and there. But the majority of the form completion happens at night. I would like for the data to be there waiting for them when they return to the form.

Nelson

Letzte Änderung: 9 Monate 3 Wochen her von LittleCloud.

Folgende Benutzer bedankten sich: ykinanah

Administrator IV
Offline

Mehr

9 Monate 3 Wochen her - 9 Monate 3 Wochen her #10035 von Administrator IV

Administrator IV antwortete auf Save For Later

Hello LittleCloud,

Before I go into details of an implementation of your idea, here's a note.
Visforms is already prepared for exactly this scenario and has a corresponding feature with many options.

Take a look at the following in the documentation:
- Menu item of type: Visforms » Form Data with Edit Link
- Menu item of type: Visforms » My Transfers
docs.joomla-4.visforms.vi-solutions.de/e...ront/function-range/

The time period between edit operations is unlimited.
The editing process can be accompanied by emails to administrators.
You can also let the user decide whether to send an email when saving.
If you need a different or additional 'Done' signal, you can solve it using a checkbox.

This should actually more than meet your requirements.

Kind regards, Ingmar

I recommend you the new and up-to-date documentation for Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 3.
Please only ask 1 question per topic :-)

Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-)

Letzte Änderung: 9 Monate 3 Wochen her von Administrator IV.

Moderatoren: Administrator AV, Administrator IV

Joomla 5 Mitteilung

Forum

Save For Later

Visforms Subscription

Visforms Erweiterungen