Как красиво обработать форму?

Question

[Андрей Федоров]

Суть вопроса вот в чем. После заполнения и отправки формы я отправляю данные в обработчик на php. Обработчик производит финальные проверки валидности и отправляет письмо пользователю. При этом модальным окном (на js) я вывожу сообщение о том, что все ок или ошибка и возвращаю пользователя обратно на страницу формы. Конструкция в обработчике типа такой:

echo ('<script>alert("ОШИБКА!"); history.go(-1);</script>');

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

Нет ли способа, чтобы фоном для модального окна была страница с формой, как у Chrome?

Answer 1

[Андрей Федоров]

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

Нужно поместить php-код обработчика в конец html страницы с формой. Обработчиком формы назначить сам html-файл. В php-коде проверять установлена ли переменная $_POST, если да - обрабатывать введенные данные с выводом модальных окон.

Comments

[Евгений Петров]

Очень похоже на что-то весьма корявое.

[Андрей Федоров]

Да? Почему?

[Евгений Петров]

1. Сразу веет чем-то непонятным
echo ('');

2. «... и возвращаю пользователя обратно на страницу формы»
Зачем вообще уходить с неё?

3. «Firefox логично формирует новую страницу»
Это точно про alert() идёт речь?

4. «фоном для модального окна была страница с формой»
Это вообще про что?)

5. Для информирования об успешной отправке и валидации формы используется alert()? Добро пожаловать в 90-е...

6. «поместить php-код обработчика в конец html страницы с формой»
Что?) PHP в коде страницы?) Фантастика.

7. «Обработчиком формы назначить сам html-файл»
Что?) По адресу получения данных формы для проверки будет вызван серверный скрипт. А теперь скажите, как html-файл на сервере выполнит проверку?)

8. «В php-коде проверять установлена ли переменная $_POST»
Аха, значит всё-таки PHP скрипт примет данные. Как это согласуется с предыдущей фразой?

И по сути — логика действий не описана, но, судя по урывкам, она весьма странная. Отсюда и логика общения клиент-сервер + работа клиента не годятся для хорошей оценки.

[Евгений Петров]

1*. Речь про echo ('<script>...</script>');

[Андрей Федоров]

У меня обработчик формы на php. Чтобы не париться с кодом выводящим окна с сообщениями обработчика я использую javascript и alert.

6,7,8 В файле html можно разместить php-код за тегами <? ?> Разве не везде - это работает?

Вы только критикуете. Скажите как по вашему будет правильно?

[VeyDlin]

Отправляй данные от формы в ajax, передавай ответ от сервера в JSON, обрабатывай их и выводи своё (или чужое) модальное окно с ответом

[Евгений Петров]

Вы путаете сервер и клиент:) На клиенте никакого PHP нет.
Механика же проста:

1. Форма заполняется и отправляется аяксом. На момент отправки выводится информер. Возможно перекрытие формы слоем (как вариант — частично непрозрачным).

2. Приходит ответ в виде «да/нет». Если отрицательный — нужен информер о неудаче. В том числе и по таймауту, если вдруг сервер не ответил. Если положительный, всё зависит от логики.

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

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

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

4. Желательно осуществлять формализованную проверку на клиенте и на сервере (рекомендуется использовать pattern). При отрицательной валидации блокировать переход на следующий этап.

5. Никаких модальных окон типа alert() на этапах, да и в одноступенчатом варианте не стоит. Никаких скриптов со стороны сервера, только обмен информацией. Вызов чего угодно осуществляется клиентом. Желательно никаких текстовых данных в скрипте — текст формируется только сервером.

Как-то так, да.

[Андрей Федоров]

Где я путаю? Ерунда. Это вы пытаетесь смутить меня терминологией. )
А нужен ли такой огород, для практически статичного сайта?

[Евгений Петров]

Я описал взаимодействие клиент-сервер. Для пользователя нет никакой разницы, насколько сложен сайт. У меня нет никакого желания спорить — как сделаете, так и сделаете.

[Андрей Федоров]

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

[Евгений Петров]

Андрей Федоров: Так вроде и я вам не сделал ничего плохого:) И уж точно нет никакой причины переносить негативное отношение к техническому решению в разряд личного.
Если я ни разу не нахожу ваше решение красивым, это же — не повод обижаться. Разве нет?