Как сделать форму на «несколько страниц» без перезагрузки?

Question

[Алексей]

Как сделать форму с кнопками "вперёд", "назад" на несколько экранов без перезагрузки страницы. На примере заполнения полей по оформлению ОСАГО. Шаг 1, шаг 2, шаг 3. В итоге компоновка всего что ввёл в одном блоке как на проверку и жмяк на "отправка"? В идеале с анимацией подсветки шагов.

Answer 1

[Вова Дружаев]

3 варианта:

1. Форма вся выводится и разделается на секции - простой js/jquery. Пока показана секция 1, секции 2 и 3 скрыты. css анимации

2. ajax/fetch - форма подгружается пошагово, заменяя в div данные

3 - rest api + react/vue - для психов. Но и такой вариант возможен для такой простой задачи

Answer 2

[Евгений Залецкий]

JQuery тебе поможет с этим.

Comments

[Артем Лукьянов]

Зачем рекомендовать морально устаревшее средство? Тем более когда чистый js уже умеет тоже самое за то же количество строк?