JQuery Change Element Class im Formular Senden

Question

Ich habe das schon eine Weile daran geworfen und bin einfach nirgendwo hingekommen. Also bitte helfen Sie mir, ich bin mir sicher, dass es eine einfache Sache ist.

Ich habe ein Formular mit PHP und JQuery. Wenn Sie das Formular einreichen, das ich für einen Dankes -Header möchte, um> es derzeit versteckt zu sein. Das Formular kann nur zur erfolgreichen Validierung eingereicht werden - ich verwende den Validator.

Das Wichtigste hier ist für mich, herauszufinden, wie Sie den Unterricht in einer erfolgreichen Einreichung ändern können. Es kann also Element angezeigt werden: Keine in meinem CSS kann enthüllt werden.

Deine Hilfe wird geschätzt :)

Answer 1

Ohne zu überprüfen, ob der Einreichung erfolgreich ist, könnten Sie dies tun ...

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

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

});

Sie sollten besser dran sein ajax() oder get()

Hier ist ein ajax() Beispiel:

$.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);
  }
});

*Und einige jQuery -Dokumentation für Sie: http://api.jquery.com/jquery.ajax/ *

Answer 2

Sie müssen folgende Schritte befolgen:

1. Formular validieren
2. Wenn das Formular nicht gültig ist, zeigen Sie relevante Nachrichten an und stornieren
3. Wenn das Formular gültig ist, senden Sie das Formular
4. Zeigen Sie die Nachricht

Wenn Sie nun die Seite wieder auf den Server veröffentlichen möchten (synchroner Beitrag zurück), sollten Sie das Nachrichtenelement auf der Serverseite sichtbar machen und das Formular ausblenden. Wenn Sie AJAX jedoch verwenden, können Sie einen Erfolgsrückruf erstellen und darin können Sie die Sichtbarkeit Ihres Nachrichtenelements ändern.