0

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

Можно создать блоки с нужными полями формы, скрывать их в ненужный момент и показывать в нужный. Но есть ли более "изящное решение" или формы такого типа именно так и реализовывается?

5
  • Какой сервер/back-end?
    – user176262
    1 апр 2015 в 19:57
  • в смысле? не понял
    – vinnie777
    1 апр 2015 в 20:19
  • На веб-сервере какой код - ASP.NET, php, RoR? Или это сайт из html страниц? Куда форма отправляется?
    – user176262
    1 апр 2015 в 20:23
  • аааа... php-обработчик
    – vinnie777
    1 апр 2015 в 20:50
  • Ну вариантов-то - два. Полностью на клиенте - ru.stackoverflow.com/questions/80082/…, или с submit'ами на сервер между шагами - особенно если проверка данных каждого шага требует сложной серверной логики.
    – user176262
    2 апр 2015 в 1:26

2 ответа 2

1

Если у вас это первый опыт написания такой формы, тогда не усложняйте. Наиболее простое решение - это разбить заполнение формы на шаги, которые определяются переменной $step = 1,2,3... и на каждом шаге прописать те данные вашей формы, которые должны отображаться для пользователя. Дополнительно подключите сессию PHP для хранения введенных пользователем данных.

Именно так реализуется такая форма : Пошаговое заполнение формы Решение можно сделать "более изящным" если подключить AJAX, т.е. обработку формы без перезагрузки страницы.

0

Обычно делается именно так как сказали вы (части формы скрываются и показываются).

Отправлять промежуточные данные на сервер и обновлять всю страницу (проверенные данные складывать скажем в сессию) тоже можно, но нужно только в особом случае, т.к. при этом клиент будет видеть мерцания и ждать загрузки формы.

В добавок нельзя будет вернуть клиента на тот же шаг при смене сессии (это для обоих случаев верно).

2
  • 1
    Зато такой вариант хорош, если ориентируемся на пользователей без js (хотя это уже редкость)
    – Zelta
    2 апр 2015 в 1:44
  • @Zelta согласен. В этом случае можно данные в hidden поля пихать на новом шаге вместо хранения на сервере. 2 апр 2015 в 1:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.