jQuery Изменить класс элемента при отправке формы

Question

Я проснулся от этого некоторое время и просто никуда не деться. Поэтому, пожалуйста, помогите, я уверен, что это простая вещь.

У меня есть форма, использующая PHP и Jquery. Когда вы отправляете форму, я хотел бы, чтобы заголовок «Спасибо» отображал> ее скрытый в данный момент. Форма может быть отправлена ​​только после успешной проверки - я использую валидатор.

Здесь важно выяснить, как изменить классы при успешной отправке. Таким образом, элемент, который отображается: ни один в моем CSS не может быть обнаружен.

Ваша помощь приветствуется:)

Answer 1

Без проверки успешности отправки вы можете сделать это ...

$('#form').submit(function() {

  $('#ele').removeClass('whatever').addClass('whatever');

});

Было бы лучше использовать ajax() или get()

Вот вам ajax() пример:

$.ajax({
  url: "theDestinationFile.php", //the file you are posting to
  dataType: 'xml', //or json, string etc
  success: function(data) { //success!
    alert("Success: " + data);
  },
  error: function(data) { //error
    alert("error: "+data);
  }
});

* И некоторые документы jQuery для вас: http://api.jquery.com/jQuery.ajax/ *

Answer 2

Вы должны выполнить следующие шаги:

1. Проверить форму
2. Если форма недействительна, показать соответствующие сообщения и отменить операцию отправки
3. Если формадопустимо, затем отправьте форму
4. Показать сообщение

Теперь, если вы хотите отправить страницу обратно на сервер (синхронная отправка назад), вы должны сделать элемент сообщения видимымна стороне сервера и скрыть форму.Но если вы используете AJAX, вы можете создать успешный обратный вызов, и в этом вы можете изменить видимость вашего элемента сообщения.