Как считать введенные данные из INPUT?

Question

[Аброр Джейки]

Есть пошаговая форма.
В начале есть поля куда надо вводить телефон, комментарий и т.д.
А во втором шаге расположена кнопка ОТПРАВИТЬ.
Вот, хочу сделать так, что бы после заполнения формы, при переходе на второй ШАГ, отображались введенные пользователем данные в первом шаге. как это сделать?

Answer 1

[Александр]

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

var name,
	phone;
function StepTwo(){
	name = $(".form_1 input[type=name]").val();
	phone = $(".form_1 input[type=phone]").val();
	$('.hid_div').show().html('Имя: ' + name + 'Телефон: ' + phone);
}
$(document).on('submit', '.form_2', function(){
	// сбор всех оставшихся данных со вторго шага
	// добавление в форму name + phone
})

Answer 2

[Евгений Комаров]

банально в переменную значения полей занесли на шаге 1, на втором - эти значение отобразили. можете local storage использовать, если желание есть

Answer 3

[Vadim Bogomazov]

Бери данные из инпутов и вставляй куда нужно во втором шаге.
Смотри jq метод val()
jsfiddle

Answer 4

[IceJOKER]

можно занести данные в СЕССИЮ и выводить на второй странице, можно с помощью js/ajax сделать форму и т.д. есть разные варианты

Comments

[Аброр Джейки]

при переходе на второй шаг страница не перезагружается, так как всё это на одной странице.

[IceJOKER]

Аброр Джаббаров: а тогда в чем проблема то с выводом? я бы просто добавил бы атрибут disabled и оставил бы как есть, а внизу отобразил бы данные для второй страницы.

после нажатия на ОТПРАВИТЬ можно данные пустить через $("form").serializeArray() и вывести как угодно, опять же кучу разных вариантов

Answer 5

[kiberlain]

пошаговые формы с валидацией неплохо реализованы в parsleyjs
parsleyjs.org/doc/examples/multisteps.html