Как скрыть форму со страницы по нажатию Submit?

[iqdr]

По идее - очень простая операция на JavaScript, но гугл конкретной ее реализации не выдает.
Может кто-то знает примеры реализации?

Задача. Что есть:
- на странице материала Joomla размещено несколько форм (от 2 до 5) - которые пользователи заполняют, выполняя задания. Формы разбросаны по странице (страница длинная).
- чтобы передать данные с формы (в обычном режиме) нажимется кнопка Submit. В результате чего данные посылаются, затем страница перезагружается. В результате чего удивленный пользователь видит ту же страницу - но он пересылается к началу страницы - а когда он опускается до только что заполненной формы - он обнаруживает ее пустой. Что, конечно, его пугает (все что он заполнил - куда-то исчезло). И вообще - все неудобно.

Что хочется:
- Чтобы по нажатию кнопки Submit страница не перезагружалась. Данные формы - отправлялись. А сама форма - исчезала (например, сжималась и исчезала). И на ее месте появлялось "Спасибо за заполнение формы". (По идее, это как раз стандартная задача для javascript).
- Тогда пользователь видит, что все ОК, данные приняты, и он может спокойно заполнять следующие формы.

Что еще хочется:
- в формах есть повторяющиеся поля (имя, e-mail) - хотелось бы чтобы после того, как пользователь введет их в первую форму - во всех последующих эти поля заполнялись бы автоматически (формы брали бы данные из предыдущих форм).

Вопрос - есть ли готовые реализации этого (или каких-то частей, или близких функционалов)?
Я к сожалению, совершенно новичок в JS и учебники читал, но почти ничего не писал.

Спасибо заранее, люди добрые! ))

 

[Absolute]

Здесь не может быть серебряной пули, на которую, вы, вероятно надеетесь. Всё слишком индивидуально. Вам следовало бы привести код такой формы, уточнить какие библиотеки подключены. jQuery, например? Так быстрее вам помогут.

 

[borodatych]

Добавлю, еще лучше будет, если вы выложите код в онлайн редактор на подобия jsfiddle, что бы с ним проще было поиграться.

 

[vitbsd]

В вашей форме пишете тэг onsubmit которому назначаете функцию с окончанием return false. Передаете себя же. В js скрипте сайта ищете parents элемента(форму) и присваиваете стиль display:none.
Это схема но как правильно заметили код в студию!))

 

[siriusfrk]

По факту надо сделать обработчик onclick, который будет через ajax делать submit формы и скрывать её через изменение css.

 

[borodatych]

По факту надо сделать обработчик onclick, который будет через ajax делать submit формы и скрывать её через изменение css.

Не комильфо, для этих целей есть Для просмотра ссылки Войди или Зарегистрируйся

 

[Soru]

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