Файлы

Наши разработки

RSForm - AJAX отправка формы

RSForm - AJAX отправка формы

У RSForm есть AJAX проверка введенных данных, что хдорово. Но вот на сей момент я не нашел родной AJAX отправки этой самой формы. Кажется - что может быть проще и актуальнее в современном мире для разработки быстрых и удобных UX/UI интерфейсов?

Я делал это ешение достаточно довно и использовал его на актуальных на то время версиях RSForm.

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

происходит это в этом месте. Можете использоватю его для какого то своего кода выполняющегося после сообщения благодарности

jQuery(".rsform").html(jQuery(data).find(".rsform").html());
		setTimeout(function () {
		$('#Modalconsult').modal('hide');
		}, 2000); // время в мс

После настройки вашей формы включаете в ней AJAX проверку перед отправкой. В код страницы где будет форма либо вообще в шаблон глобально (при необходимости) добавляете строку подключения rsfajax.js. Ну и должно все заработать само.. как всегда по идее...

Если кому интересно как это все работает - могу примерно описать все. (ибо в следующий раз сам не буду помнить как это все и буду пытаться запустить на каком то сайте.. )

скрипт ищет форму с ID #userForm само собой она должна быть одна на странице. После этого он отменяет действие по умолчанию ее кнопки отправки и проверяет ответ родной проверки на валидность. Если проверка прошла - он запускает обработку всех данных формы и создает запрос к компоненту по принуципу как если бы просто сработал клик по кнопке но делает это через AJAX. получив ответ от сервера он из него выдирает именно ту же #userForm но в ответе уже будет результат который отдает компонент. Его он выводит вместо формы тем самым сообщая результат отправки и сообщение благодарности. 

Как то так..  и работает.

Как подключить написано в текстовом файле в архиве.

Комментарии (0)

Оставить комментарий

Вы комментируете как Гость.

Сказать спасибо!

Статус материала

  • jomla
  • jbzoo
  • css3
  • html5
  • Java script
  • jquery
  • bootstrap
Мы находимся в Минске
работаем по всей РБ
  • mts+375 29 779-72-95viber
  • vel+375 44 779-72-95
  • email: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
  • skype: tirby_kat
Индивидуальный предприниматель
Кулак Сергей Николаевич
УНП: 590816946
зарегистрирован Зельвенским районным исполнительным комитетом
от 01.06.2010
Свяжитесь со мной