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

Question

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

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

Для меня здесь важно выяснить, как сменить классы при успешной отправке.Итак, элемент, который отображается:ни один из них в моем 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, вы можете создать успешный обратный вызов и при этом изменить видимость вашего элемента сообщения.