Выполнение jQuery после сабмита формы(перезагрузки страницы)

@ProTreo · Регистрация: 22.03.2013

Author24 — интернет-сервис помощи студентам

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

У этой формы есть кнопка, которая меняет стиль в зависимости от выбранной радиокнопки.

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

События:

Javascript

var regForm = $('#register_form');
 
var radioGroup = $(regForm).find('input[name=islegal]:radio');
 
var regButton = regForm.find('.basic-button');
 
$(radioGroup).change(function(){
  if (this.checked && this.value == "true") {
    regButton.addClass('opt-mod');
  } else {
    regButton.removeClass('opt-mod');
  }
});

Я так понял, у меня отвязываются события, т.к. сабмит формы возвращает с asp.net сервера новую страницу, однако страница в браузере никак не перезагружается - я подумал, что надо отловить момент через ajaxSuccess или ajaxComplete, однако безуспешно.

Я не могу сделать валидацию через jQuery validate, т.к. сервер возвращает мне данные о том, свободна ли почта для регистрации.

Я пробовал такой вариант:

Javascript

$(regButton).on('click', function() {
  $(regForm).submit(function(event) {
    event.preventDefault();
    this.submit();
    $(radioGroup).change(function(){
      if (this.checked && this.value == "true") {
        regButton.addClass('opt-mod');
      } else {
        regButton.removeClass('opt-mod');
      }
    });
  });
});

Еще я прочитал, что можно отправлять post запрос на сервер используя чистый ajax, и там можно отследить удачный или неудачный сабмит формы.

Как выполнить скрипт после сабмита формы и обновления содержимого на странице? Или же все таки необходимо писать ajax post запрос и отслеживать success и failure?

Доступа к исходникам движка asp.net у меня нет.

mixenik · 14.12.2015, 10:30

Сабмит подразумевает перезагрузку страницы. Вам же нужен чистый ajax.
Можно при клике на кнопку создавать объект FormData(), заполнять поля и отправлять через $.ajax, Но объект FormData работает только с IE10+.

mixenik Все элементарное - сложно 133 / 118 / 50 Регистрация: 14.04.2014 Сообщений: 509
	14.12.2015, 10:30	2
	Сабмит подразумевает перезагрузку страницы. Вам же нужен чистый ajax. Можно при клике на кнопку создавать объект FormData(), заполнять поля и отправлять через $.ajax, Но объект FormData работает только с IE10+. 1