Qual a melhor maneira de fazer um formulario com 2 telas para preenchimento?

[Kakaroto1309 0]

Tenho um formulario na qual o usuario preenche os dados pessoais e um segundo formulario onde ele preenche os dados da empresa dele. Eu quero que, somente depois que ele preencher tudo, os dados sao salvos no banco de dados, porem, tem que ser assim, separado por passos, Passo 1 (Info Pessoais), Passo 2 (Info Empresa)

 

Qual seria a melhor maneira?

 

Pensei em fazer o seguinte: Preenche o formulario 1, depois envia para a pagina que processa e que tambem ja e o formulario 2 e entao envia para a pagina final que processa tudo. Porem acredito que vou ter que carregar as variaveis do primeiro formulario ate o final.

[Gabriel Heming 766]

Faça utilizando abas.

 

Use JavaScript para alternar entre os formulários (exibir/esconder). Assim, não haverá a necessidade de atualizar a página e os dados serão enviados todos de uma só vez.

 

De uma olhada nos links abaixo:

 

Movido: PHP -> JavaScript

[Kakaroto1309 0]

Cara eu usei sua sugestão e olhei os links.

Portanto, fiz uma DIV chamada Conteudo-Aba-1 com a primeira parte e uma DIV chamada Conteudo-Aba-2 com a outra parte. No primeiro botão coloquei para chamar a função Parte2() para sumir com o conteudo 1 e aparecer o conteudo 2, conforme abaixo:

function Parte2()
{
    document.getElementById("Conteudo-Aba-1").style.display = "none";
    document.getElementById("Conteudo-Aba-2").style.display = "visible";
}

No corpo coloquei:

 

<form name="Order" method="post" action="cadastrar.php" ENCTYPE="multipart/form-data">
<div id="Conteudo-Aba-1" style="display:visible">
	<input type="button" value="Proximo" id="Cadastrar" onClick="Parte2();"/> 
</div>

<div id="Conteudo-Aba-2" style="display:none">
	<input type="submit" value="Inserir" id="FormBotao"/>
</div>
</form>

Até ai tudo perfeito!!

Fui testar e sabes o que acontece: A DIV Conteudo-Aba-1 desaparece mais a DIV Conteudo-Aba-2, não aparece. Você sabe o motivo?

[Gabriel Heming 766]

Não é visible, é block.

document.getElementById("Conteudo-Aba-2").style.display = "block";

https://developer.mozilla.org/en-US/docs/Web/CSS/display

 

[Pita 53]

Sim, a forma mais fácil é trabalhar com DIVs e ir ocultando e exibindo de acordo com a evolução do preenchimento