Kontaktieren Sie mich:

Text

jQuery(document).ready(function($) { //Variablen bekommen let button = $("#submit"); let form = $("#my-form"); let response = $("#response"); let wait = $("#wait"); //Variablen zum löschen bekommen let name = $("#name"); let email = $("#email"); let subject = $("#subject"); let message = $("#message"); //Warten, bis senden Button gedrückt wurde, dann Funktion ausführen $(form).submit(function(event) { event.preventDefault(); //Den Button deaktivieren, damit nicht mehrfach Mails gesendet werden $(button).attr("disabled", true); //Kunden im Frontend Feedback geben, dass die Anfrage verarbeitet wird $(wait).addClass("first-feedback").addClass("mt-4"); $(wait).append("

Ihre Anfrage wird verarbeitet, einen Moment bitte...

"); //Daten für AJAX POST aufbereiten let form_data = $(this).serialize() //POST and PHP $.ajax({ url: "/datei.php", method: "POST", data : form_data, success: function(data) { let error = data; $(wait).remove(); //checken, welche Meldung PHP zurückgibt und entsprechend reagieren switch (error.mail){ case 'send': $(response).addClass("send-message").addClass("mt-4"); $(response).append("

Ihre Nachricht wurde gesendet.
Bitte überprüfen Sie Ihren Posteingang.

"); break; case 'name': $(response).addClass("failed-message").addClass("mt-4"); $(response).append("

Sie haben einen falschen, oder falsch formatierten Namen eingebenen. Nachricht wurde nicht gesendet.

"); case 'mail': $(response).addClass("failed-message").addClass("mt-4"); $(response).append("

Bitte geben Sie eine gültige E-Mail Adresse an. Nachricht wurde nicht gesendet.

"); case 'subject': $(response).addClass("failed-message").addClass("mt-4"); $(response).append("

Sie haben einen falschen, oder falsch formatierten Betreff eingebenen. Nachricht wurde nicht gesendet.

"); case 'message': $(response).addClass("failed-message").addClass("mt-4"); $(response).append("

Sie haben eine falsche, oder falsch formatierte Nachricht eingebenen. Nachricht wurde nicht gesendet.

"); case 'empty': $(response).addClass("failed-message").addClass("mt-4"); $(response).append("

Sie haben nicht alle Felder ausgefüllt. Nachricht wurde nicht gesendet.

"); }; }, error: function(){ $(response).addClass("failed-message").addClass("mt-4"); $(response).append("

Etwas ist schief gelaufen, versuchen Sie es bitte später erneut.

"); } }); //Eingabefelder leeren $("#name").val(""); $("#email").val(""); $("#subject").val(""); $("#message").val(""); }); });