Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- document
- .querySelector("form")
- .addEventListener("submit", handleSubmit);
- let contactForm = document.getElementById("contact-form"), submitMessage = document.getElementById("contact-form-result");
- const handleSubmit = (e) => {
- e.preventDefault();
- let formData = new FormData(contactForm);
- fetch("/", {
- method: "POST",
- headers: { "Content-Type": "application/x-www-form-urlencoded" },
- body: new URLSearchParams(formData).toString(),
- })
- .then(() => {
- submitMessage.innerHTML(`<div class="alert alert-success alert-dismissible fade show" role="alert"><strong>Grazie!</strong> La richiesta è stata inviata, ti ricontatteremo al più presto.<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>`);
- contactForm.reset();
- })
- .catch((error) => {
- submitMessage.innerHTML(`<div class="alert alert-danger alert-dismissible fade show" role="alert"><strong>Errore!</strong> La richiesta non è stata inviata, per favore riprova più tardi.<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>`);
- });
- };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement