Formulários de múltiplas etapas sem sobrecarga
A maioria dos formulários usa o método POST. Poucas pessoas usam o método GET. O GET adiciona dados ao final da sua URL.
Use o GET para passar dados entre páginas. Você não precisa de um backend para armazenar dados. Você não precisa de Javascript para mostrar ou ocultar campos. Use os recursos nativos do navegador.
- Construa seu formulário com páginas estáticas.
- Use dados da query string para a lógica.
- Mostre campos específicos com base em respostas anteriores.
Use este script para passar dados entre as páginas. Ele cria campos ocultos a partir da 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); } };
Envie os dados finais para o seu servidor com uma requisição POST ao final. Os dados permanecem no navegador.
Tenha estes pontos em mente:
- Os dados aparecem na URL.
- Não use isso para senhas.
- Os usuários podem compartilhar URLs com seus dados.
Fonte: https://dev.to/ovidem/multi-step-form-without-the-overhead-5bjc