Formulário em Etapas
12/04/2017
0
Olá, sou iniciante em front end e atualmente estou fazendo um formulário de cadastro. Me pediram que fosse um formulário em etapas. No caso o usuário iria preencher uma fase do cadastro e apertar um botão para ir para a próxima etapa isso sem mudar a pagina, mas apenas o conteúdo da mesma(no caso esse é meu problema). Gostaria de sugestões e ajuda de como fazer esse tipo de formulário.
Camila Farias
Curtir tópico
+ 0
Responder
Post mais votado
12/04/2017
Olá Camila Farias,
Você pode guardar as informações em cookie utilizando [url:descricao=ngCookies.$cookieStore]http://docs-angularjs-org-dev.appspot.com/api/ngCookies.$cookieStore[/url]. Essa é uma alternativa para não utilizar sessão e para não se deparar com a situação de ter que controlar uma sessão de usuário.
Espero ter ajudado! Bons estudos !
Você pode guardar as informações em cookie utilizando [url:descricao=ngCookies.$cookieStore]http://docs-angularjs-org-dev.appspot.com/api/ngCookies.$cookieStore[/url]. Essa é uma alternativa para não utilizar sessão e para não se deparar com a situação de ter que controlar uma sessão de usuário.
Espero ter ajudado! Bons estudos !
Angelo Santos
Responder
Mais Posts
06/08/2021
Roberto S
Olá Camila
Você pode utilizar o formulário com o $_SESSION[ ]
<?php
session_start();
if(isset($_POST['Proximo1'])){
$_SESSION["v1"] = "xx";
$_SESSION['refeicao'] = $_POST['refeicao'];
}
if(isset($_POST['Proximo2'])){
$_SESSION["v2"] = "xx";
$_SESSION['refeicao1'] = $_POST['refeicao1'];
}
?>
<form action="" method="post">
<table>
<tr>
<td width="280" bgcolor="#00BFFF">Refeição</td>
<td width="70" bgcolor="#00BFFF">Quantidade</td>
</tr>
<tr>
<td width="280"><input type="checkbox" name="pedido_refeicao[]" value="Caldeirada">Caldeirada</td>
<td width="20"><input type="text" name="refeicao" size="15"></td>
<td><input class="btn" type="submit" value="Proximo" name="Proximo1"></td>
</table>
</form>
<?php
if(isset($_SESSION["v1"])) {
?>
<form action="" method="post">
<table>
<tr>
<h3><?php echo $_SESSION['refeicao']; ?></h3>
<td width="280" bgcolor="#00BFFF">Refeição</td>
<td width="70" bgcolor="#00BFFF">Quantidade</td>
</tr>
<tr>
<td width="280"><input type="checkbox" name="pedido_refeicao[]" value="Caldeirada de Tambaqui sem Espinha">Caldeirada de Tambaqui </td>
<td width="20"><input type="text" name="refeicao1" size="15"></td>
<td><input class="btn" type="submit" value="Proximo" name="Proximo2"></td>
</table>
</form>
<?php
}
if(isset($_SESSION["v2"])) {
?>
<form action="" method="post">
<table>
<tr>
<h3><?php echo $_SESSION['refeicao1']; ?></h3>
<td width="280" bgcolor="#00BFFF">Refeição</td>
<td width="70" bgcolor="#00BFFF">Quantidade</td>
</tr>
<tr>
<td width="280"><input type="checkbox" name="pedido_refeicao[]" value="Caldeirada de Tambaqui sem Espinha">Caldeirada de Tambaqui sem Espinha</td>
<td width="20"><input type="text" name="num_refeicao[]" size="7"></td>
<td><input class="btn" type="submit" value="Proximo" name="Proximo"></td>
</table>
</form>
<?php
session_destroy();
}
Você pode utilizar o formulário com o $_SESSION[ ]
<?php
session_start();
if(isset($_POST['Proximo1'])){
$_SESSION["v1"] = "xx";
$_SESSION['refeicao'] = $_POST['refeicao'];
}
if(isset($_POST['Proximo2'])){
$_SESSION["v2"] = "xx";
$_SESSION['refeicao1'] = $_POST['refeicao1'];
}
?>
<form action="" method="post">
<table>
<tr>
<td width="280" bgcolor="#00BFFF">Refeição</td>
<td width="70" bgcolor="#00BFFF">Quantidade</td>
</tr>
<tr>
<td width="280"><input type="checkbox" name="pedido_refeicao[]" value="Caldeirada">Caldeirada</td>
<td width="20"><input type="text" name="refeicao" size="15"></td>
<td><input class="btn" type="submit" value="Proximo" name="Proximo1"></td>
</table>
</form>
<?php
if(isset($_SESSION["v1"])) {
?>
<form action="" method="post">
<table>
<tr>
<h3><?php echo $_SESSION['refeicao']; ?></h3>
<td width="280" bgcolor="#00BFFF">Refeição</td>
<td width="70" bgcolor="#00BFFF">Quantidade</td>
</tr>
<tr>
<td width="280"><input type="checkbox" name="pedido_refeicao[]" value="Caldeirada de Tambaqui sem Espinha">Caldeirada de Tambaqui </td>
<td width="20"><input type="text" name="refeicao1" size="15"></td>
<td><input class="btn" type="submit" value="Proximo" name="Proximo2"></td>
</table>
</form>
<?php
}
if(isset($_SESSION["v2"])) {
?>
<form action="" method="post">
<table>
<tr>
<h3><?php echo $_SESSION['refeicao1']; ?></h3>
<td width="280" bgcolor="#00BFFF">Refeição</td>
<td width="70" bgcolor="#00BFFF">Quantidade</td>
</tr>
<tr>
<td width="280"><input type="checkbox" name="pedido_refeicao[]" value="Caldeirada de Tambaqui sem Espinha">Caldeirada de Tambaqui sem Espinha</td>
<td width="20"><input type="text" name="num_refeicao[]" size="7"></td>
<td><input class="btn" type="submit" value="Proximo" name="Proximo"></td>
</table>
</form>
<?php
session_destroy();
}
Responder
Clique aqui para fazer login e interagir na Comunidade :)