34 lines
1.7 KiB
JavaScript
34 lines
1.7 KiB
JavaScript
|
window.onload = function () {
|
||
|
|
document.getElementById('formular').addEventListener('submit', function (e) {
|
||
|
|
e.preventDefault(); // Verhindert die Standard-Formularsendung
|
||
|
|
const form = e.target;
|
||
|
|
const data = new FormData(form);
|
||
|
|
const notification = document.getElementById('notification');
|
||
|
|
const btn = document.getElementById('bestellformular-btn');
|
||
|
|
fetch(form.action, {
|
||
|
|
method: 'POST',
|
||
|
|
mode: 'cors',
|
||
|
|
body: data,
|
||
|
|
})
|
||
|
|
.then(response => {
|
||
|
|
if (!response.ok) {
|
||
|
|
throw new Error('Network response was not ok');
|
||
|
|
}
|
||
|
|
return response.json();
|
||
|
|
})
|
||
|
|
.then(data => {
|
||
|
|
// Erfolgsnachricht anzeigen
|
||
|
|
notification.textContent = 'Nachricht erfolgreich gesendet!';
|
||
|
|
btn.className = 'submitbutton text-white mx-auto submit-after-valid-captchaaaa .fadeOut';
|
||
|
|
// notification.className = 'bg-green-500 text-white px-4 py-2 rounded block';
|
||
|
|
// setTimeout(() => notification.className = 'bg-green-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
|
||
|
|
})
|
||
|
|
.catch((error) => {
|
||
|
|
// Fehlermeldung anzeigen
|
||
|
|
notification.textContent = 'Fehler beim Senden der Nachricht.';
|
||
|
|
console.log(error);
|
||
|
|
notification.className = 'bg-red-500 text-white px-4 py-2 rounded block';
|
||
|
|
// setTimeout(() => notification.className = 'bg-red-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|