ajaxform не указан ключ формы action

Отредактировано: 14 Ноября 2019

AjaxForm это надстройка для компонента FormIt, которая позволяет отправлять результаты форм используя ajax (можно использовать не только FormIt, но и другие скрипты). Для перехода с FormIt на AjaxForm достаточно изменить запись вызова

Этапы создания Ajax формы на сайте:

1. Устанавливаем компоненты FormIt и AjaxForm.
2. Создаем чанк с HTML формой и модификаторами.
3. Размещаем вызов в соответствующем ресурсе или шаблоне.

Стандартная форма обратной связи

В AjaxForm есть дефолтный вид всплывающих окон об успешной отправке и ошибках, чтобы его изменить, надо указать собственные файлы в параметрах frontend_js и frontend_css.

Пример файла без jGrowl, со статичным сообщением во всплывающем окне с id massage

Содержание

1. Документация сниппета AjaxForm
2. AjaxForm
3. Параметры сниппета
4. Обработка своим сниппетом
5. Валидация формы
6. Событие af_complete
7. redirect на другую страницу сайта, после успешной отправки формы?
8. Всплывающие сообщения
9. Примеры
10. Отладка
11. Join GitHub today
12. AjaxForm / core / components / ajaxform / lexicon / ru / default.inc.php

Документация сниппета AjaxForm

AjaxForm

Cниппет для отправки любых форм через ajax. По умолчанию рассчитан на работу с FormIt, но можно использовать и собственный сниппет.

• Регистрирует нужные скрипты на фронтенде: jQuery.Form и jQuery.jGrowl.
• Сохраняет в сессию $scriptProperties при вызове сниппета.
• Выводит указанную форму, прописывая класс ajax_form и скрытый input для получения $scriptProperties .
• Вешает обработчик на форму, чтобы она отправлялась через ajax.
• При отправке запускает указанный сниппет для обработки и возвращает ответ от него.
• Выводит сообщение об успехе, или ошибки, если есть.

Параметры сниппета

Имя По умолчанию Плейсхолдеры &form tpl.AjaxForm.example Образец чанка с формой, которую нужно обработать. &snippet FormIt Сниппет для обработки формы. &frontend_css [[+assetsUrl]]css/default.css Стили оформления формы и полей с ошибками &frontend_js [[+assetsUrl]]js/default.js Javascript для отправки формы через ajax &actionUrl [[+assetsUrl]]action.php Адрес коннектора, на который отправляется форма

Всё, что вы указываете AjaxForm, будет передано в вызываемый сниппет.

Обработка своим сниппетом

Вы можете использовать собственный сниппет, вместо FormIt, который будет делать что угодно (хоть создавать страницы на сайте). Единственное требование — он обязательно должен возвращать JSON массив с ключами:

• status — 1 или 0, то есть успех или ошибка.
• message — сообщение о работе сниппета, выводится если status = 0.
• data — массив для полей с ошибками, в котором ключами является имя поля, а значением — сообщение об ошибке.

Для удобства работы в параметры сниппета передаётся переменная $AjaxForm с классом компонента, чтобы вы могли вызывать из него методы error и success при выдаче ответа.

Простейший пример своего сниппета:

Этот сниппет ничего не делает, просто возвращает результат проверки имени.

Валидация формы

Сервер может вернуть ошибку отправки формы и массив полей, не прошедших проверку. Этим полям автоматически будет добавлен CSS класс error , который убирается при последующей отправке.

Так же вы можете запретить отправку формы, используя javascript переменную afValidated — если она объявлена и равна false , то форма не будет отправлена.

Обратите внимание, что все проверки на javascript можно обойти, так что эту переменную стоит использовать только для удобства пользователей, а не для реальной проверки данных.

Событие af_complete

При получении ответа от сервера вызывается событие af_complete, которое вы можете использовать для обновления содержимого страницы или другой операции javascript.

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

redirect на другую страницу сайта, после успешной отправки формы?

Добавляем id к форме, если его нет и затем в js файл прописать вот такие строки

Можно просто обернуть в и подключить в шаблон с формой ближе к закрытию body.

Всплывающие сообщения

По умолчанию AjaxForm выводит сообщения об успешной отправке формы или о наличии ошибок. Вы можете самостоятельно вызывать их для своих целей:

Вторым параметром можно указать «прилипающий» popup — его нужно будет закрыть вручную, бывает полезно для показа серьёзных ошибок. То есть, просто вызвав сниппет на странице, вы получаете подключенный jQuery.jGrowl и можете показывать приятные всплывающие уведомления на javascript.

Примеры

Отправка email сообщения при помощи FormIt с требованием некоторых полей:

Отладка

При возникновении любых проблем, в первую очередь проверяйте, отправляется ли форма без AjaxForm. Помните, что AjaxForm — сниппет-обёртка, он не отправляет письма и не проводит проверку формы. Это делает ваш сниппет или FormIt.

Так же не забывайте заглядывать в консоль браузера на предмет ошибок javascript. Если сервер выдаёт ошибку 500 при отправке, проверьте параметр register_globals у вашего PHP — он должен быть отключен.

Возникает такая вот ошибка, появилась она недавно и на многих сайтах сразу примерно с месяц назад (заметил только сейчас, клиенты пожаловались что форма не работает). Для простоты пока ищу решение проблемы только на 1 сайте. Форма отправляться в Хроме, в остальных не работает.

Please note that GitHub no longer supports your web browser.

We recommend upgrading to the latest Google Chrome or Firefox.

Join GitHub today

GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.

AjaxForm / core / components / ajaxform / lexicon / ru / default.inc.php

$_lang [ ‘ ajaxform ‘ ] = ‘ AjaxForm ‘ ; $_lang [ ‘ af_message_close_all ‘ ] = ‘ закрыть все ‘ ; $_lang [ ‘ af_submit ‘ ] = ‘ Отправить ‘ ; $_lang [ ‘ af_reset ‘ ] = ‘ Очистить ‘ ; $_lang [ ‘ af_label_name ‘ ] = ‘ Имя ‘ ; $_lang [ ‘ af_label_email ‘ ] = ‘ E-mail ‘ ; $_lang [ ‘ af_label_message ‘ ] = ‘ Сообщение ‘ ; $_lang [ ‘ af_err_action_ns ‘ ] = ‘ Не указан ключ формы (action). ‘ ; $_lang [ ‘ af_err_action_nf ‘ ] = ‘ Не могу найти указанный ключ формы (action). ‘ ; $_lang [ ‘ af_err_chunk_ns ‘ ] = ‘ Не указан чанк для обработки формы. ‘ ; $_lang [ ‘ af_err_chunk_nf ‘ ] = ‘ Не могу найти указанный чанк «[[+name]]» с формой. ‘ ; $_lang [ ‘ af_err_snippet_ns ‘ ] = ‘ Не указан сниппет для обработки формы. ‘ ; $_lang [ ‘ af_err_snippet_nf ‘ ] = ‘ Не могу найти указанный сниппет «[[+name]]» для обработки формы. ‘ ; $_lang [ ‘ af_err_has_errors ‘ ] = ‘ Форма содержит ошибки ‘ ; $_lang [ ‘ af_success_submit ‘ ] = ‘ Форма успешно отправлена ‘ ;

• © 2019 GitHub , Inc.
• Terms
• Privacy
• Security
• Status
• Help

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник: computermaker.info