Advertisement
Guest User

Netlify forms doropesch js

a guest
Sep 9th, 2022
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.14 KB | None | 0 0
  1. document
  2. .querySelector("form")
  3. .addEventListener("submit", handleSubmit);
  4.  
  5. let contactForm = document.getElementById("contact-form"), submitMessage = document.getElementById("contact-form-result");
  6.  
  7. const handleSubmit = (e) => {
  8. e.preventDefault();
  9. let formData = new FormData(contactForm);
  10. fetch("/", {
  11. method: "POST",
  12. headers: { "Content-Type": "application/x-www-form-urlencoded" },
  13. body: new URLSearchParams(formData).toString(),
  14. })
  15. .then(() => {
  16. 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>`);
  17. contactForm.reset();
  18. })
  19. .catch((error) => {
  20. 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>`);
  21. });
  22. };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement