Формуляр с шагами

я пробую делать формуляр с шагами, объясняюсь, для того, чтобы формуляр не занял много место, вместо того, чтобы делать это совсем целым рывка, мне хотелось бы делать например 3 или 4 inputs, что пользователь он в кнопку следующего и что появились потом больше inputs. Прогресс, который я приношу, - следующий:

  1. У меня есть главная страница с div (class = "content")
  2. Когда пользователь кликает в кнопке, появляется формуляр (я это сделал с jQuery)

Код, который у меня есть, - следующий:

На главную:

$(document).ready(function() {
	$("#abrirform").click(
	function(event) {
	   $("#boton").hide();
	   contenido = $(".content").load("form1.php");
	})
})
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
   <h2>Título</h2>
   <div id="boton">
      <button type="button" id="abrirform" class="btn btn-primary">Abrir formulario</button>
   </div>
</div>

Файл, который загружает (form1.php) в div класс content, когда пользователь кликает в "Открытии формуляра" - следующий:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<h2>Título</h2>
<div>
   <form role="form" action="enviar.php" method="post">
      <table id="tabla_form" class="table">
	     <tr>
		    <td colspan="2"><label>Esto es un formulario</label></td>
		 </tr>
		 <tr>
		    <td><label>Nombre:</label></td>
			<td class="input"><input class="form-control" type="text"></td>
		 </tr>
		 <tr>
		    <td><label>Apellidos:</label></td>
			<td class="input"><input class="form-control" type="text"></td>
		 </tr>
        <tr>
		    <td></td>
			<td><button type="button" class="btn btn-primary" id="next">Siguiente</button> 0/5</td>
		 </tr>

У меня нет многих сомнений в производстве формуляра с шагами в себе, но я не знаю, когда кликают в кнопке следующего, хранятся ли или нет эти переменные. Если возможно, хранение данных о формуляре я хочу сделать это с PHP, который является языком, который я приношу лучше. Если не возможно, он ничего не перемещает. Другое сомнение, - что, когда пользователь кликает в кнопке следующего, представь вам, что загружается тот же контент (form с парой различных inputs), я догадываюсь, что, может быть, этот form независимый в первого: нет?

1
задан 08.09.2016, 13:34
3 ответа

Как ты это выдвигаешь, переменные, должен подбирать их в каждой из страниц, так как ты перезагружаешь страницу, а я это понял плохо.

Ты можешь предотвращать быть должным перезагружать это, по крайней мере двух форм, которые я использовал бы когда-нибудь, хотя они конечно смогут делаться достаточно больше и конечно улучши, что решение, которое я даю тебе.

  1. Использовать какой-то добавочный plugin, я когда-нибудь использовал jquery SmartWizard
  2. Создавать структуру страниц внутри самого FORMс этикетками fieldset и через jquery, показывать секции. вышеупомянутого случая, я это изучил страницы anieto2K
1
ответ дан 24.11.2019, 13:27

Если я это понял хорошо, что ты хочешь сделать, является формуляром по частям и сохранять все ответы. Если это будет так, в каждой части формуляра, что ты нуждался в том, чтобы сохранять переменные сохранять их в глобальном array, и когда ты закончишь все, они будут в array и снопах с ними то, что ты захочешь уже.

0
ответ дан 24.11.2019, 13:27
  • 1
    Podr и # 237; схвати освещать это с alg и # 250; n пример? – devconcept 08.09.2016, 21:34

Посмотрим этот выбор стоит тебе, что-то мне она кажется более простым.

Если ты например разделишь формуляр на 3 страницы, попытайся делать в каждой из них формуляр, но различие будет, в котором каждый раз, когда ты переходишь из страницы и продвигаешься в формуляре, эти данные будут храниться в переменных сеанса, и однажды подойдите близко в последнюю часть формуляра ты можешь посылать себе все данные, которые у тебя есть в сеансе, чтобы работать с ними, как ты хотел.

0
ответ дан 24.11.2019, 13:27