var statusEl = document.getElementById(‘formspree-status’); if (!form) return; // Placeholder behaviour form.querySelectorAll(‘input[type=text],input[type=email],textarea’).forEach(function(el) { el.addEventListener(‘focus’, function() { var ph = el.getAttribute(‘placeholder’) || ”; if (el.value === ph || (el.type === ’email’ && el.value === ‘Your email’) || (el.tagName === ‘TEXTAREA’ && el.value === ‘Your message’)) { el.value = ”; } }); el.addEventListener(‘blur’, function() { if (el.value.trim() === ”) { if (el.name === ‘your-name’) el.value = ‘Your name’; else if (el.type === ’email’) el.value = ‘Your email’; else if (el.name === ‘your-subject’) el.value = ‘Subject’; else if (el.tagName === ‘TEXTAREA’) el.value = ‘Your message’; } }); }); // Submit handler form.addEventListener(‘submit’, function(e) { e.preventDefault(); var submitBtn = form.querySelector(‘input[type=submit]’); var origVal = submitBtn.value; submitBtn.value = ‘Sending…’; submitBtn.disabled = true; statusEl.style.display = ‘none’; statusEl.className = ‘wpcf7-response-output’; statusEl.innerHTML = ”; var data = new FormData(form); fetch(form.action, { method: ‘POST’, body: data, headers: { Accept: ‘application/json’ } }) .then(function(res) { if (res.ok) { statusEl.className = ‘wpcf7-response-output wpcf7-mail-sent-ok’; statusEl.setAttribute(‘aria-hidden’, ‘false’); statusEl.innerHTML = ‘

Thank you for your message. It has been sent.

‘; form.reset(); var mappings = { ‘your-name’: ‘Your name’, ‘your-email’: ‘Your email’, ‘your-subject’: ‘Subject’ }; Object.keys(mappings).forEach(function(n) { var el = form.querySelector(‘[name=’ + n + ‘]’); if (el) el.value = mappings[n]; }); var ta = form.querySelector(‘textarea[name=your-message]’); if (ta) ta.value = ‘Your message’; } else { res.json().then(function(d) { var msg = (d && d.errors) ? d.errors.map(function(x){return x.message;}).join(‘, ‘) : ‘There was an error trying to send your message. Please try again later.’; statusEl.className = ‘wpcf7-response-output wpcf7-mail-sent-ng’; statusEl.setAttribute(‘aria-hidden’, ‘false’); statusEl.innerHTML = ‘

‘ + msg + ‘

‘; }).catch(function() { statusEl.className = ‘wpcf7-response-output wpcf7-mail-sent-ng’; statusEl.setAttribute(‘aria-hidden’, ‘false’); statusEl.innerHTML = ‘

There was an error trying to send your message. Please try again later.

‘; }); } submitBtn.value = origVal; submitBtn.disabled = false; statusEl.scrollIntoView({ behavior: ‘smooth’, block: ‘nearest’ }); }) .catch(function() { statusEl.className = ‘wpcf7-response-output wpcf7-mail-sent-ng’; statusEl.setAttribute(‘aria-hidden’, ‘false’); statusEl.innerHTML = ‘

There was an error trying to send your message. Please try again later.

‘; submitBtn.value = origVal; submitBtn.disabled = false; }); }); })();