𝗠𝘂𝗹𝘁𝗶 𝘀𝘁𝗲𝗽 𝗳𝗼𝗿𝗺𝘀 𝘄𝗶𝘁𝗵𝗼𝘂𝘁 𝘁𝗵𝗲 𝗼𝘃𝗲𝗿𝗵𝗲𝗮𝗱

𝗠𝗼𝗱𝘂𝗹𝗶 𝗺𝘂𝗹𝘁𝗶-𝘀𝘁𝗲𝗽 𝘀𝗲𝗻𝘇𝗮 𝗼𝘃𝗲𝗿𝗵𝗲𝗮𝗱

La maggior parte dei moduli utilizza il metodo POST. Pochi utilizzano il metodo GET. GET aggiunge i dati alla fine dell'URL.

Usa GET per passare dati tra le pagine. Non hai bisogno di un backend per memorizzare i dati. Non hai bisogno di JavaScript per mostrare o nascondere i campi. Usa le funzionalità integrate del browser.

• Crea il tuo modulo con pagine statiche.
• Usa i dati della query string per la logica.
• Mostra campi specifici in base alle risposte precedenti.

Usa questo script per passare i dati tra le pagine. Crea campi nascosti a partire dall'URL.

window.onload = function() {
  var querystring = window.location.href.split('?')[1];
  var parameters = querystring.split('&');

  for(i = 0; i < parameters.length; i++) {
    var pair = parameters[i].split('=');
    var hiddenfield = document.createElement("input");
    hiddenfield.type = "hidden";
    hiddenfield.name = pair[0];
    hiddenfield.value = pair[1];
    document.forms[0].appendChild(hiddenfield);
  }
};

Invia i dati finali al tuo server con una richiesta POST alla fine. I dati rimangono nel browser.

Tieni a mente questi punti:

• I dati sono visibili nell'URL.
• Non usare questo metodo per le password.
• Gli utenti potrebbero condividere gli URL contenenti i propri dati.

Fonte: https://dev.to/ovidem/multi-step-form-without-the-overhead-5bjc