version 1.8, 2024/03/27 23:30:33 |
version 1.49, 2024/03/29 20:13:18 |
Line 15 function validateMsg(msg) { |
|
Line 15 function validateMsg(msg) { |
|
|
|
async function sendData() { |
async function sendData() { |
var er = 0; |
var er = 0; |
em = document.getElementById("yemail").value, |
em = document.getElementById("cfem").value, |
su = document.getElementById("ysub").value, |
su = document.getElementById("cfsu").value, |
ms = document.getElementById("ymsg").value, |
ms = document.getElementById("cfme").value, |
ii = document.getElementById("cfinfo"); |
ii = document.getElementById("cfinfo"); |
|
|
er=validateEmail(em)?er:++er; |
er=validateEmail(em)?er:++er; |
er=validateSubject(su)?er:++er; |
er=validateSubject(su)?er:++er; |
er=validateMsg(ms)?er:++er; |
er=validateMsg(ms)?er:++er; |
if(er){ |
if(er){ |
ii.textContent="One or more fields have an error. Please check and try again."; |
ii.textContent="One or more fields have an error. Please check and try again."; |
} else { |
} else { |
var fc = document.querySelectorAll(".wpcf7-form-control"), |
var fc = document.querySelectorAll(".wpcf7-form-control"); |
bt = document.querySelector("#wpcf7-button"); |
|
ii.textContent="All good."; |
ii.textContent="All good."; |
fc.forEach((f) => { |
fc.forEach((f) => { |
f.disabled=true; |
f.disabled=true; |
f.style.visibility="hidden"; |
l=f; |
console.log(f); |
|
}); |
}); |
// bt.style.visibility="hidden"; |
l.style.visibility="hidden"; |
|
turnstile.ready(function() { |
|
turnstile.render('#cfcontainer', { |
|
theme: 'light', |
|
sitekey: '0x4AAAAAAAVpXFEy152AON1L', |
|
'response-field': false, |
|
retry: 'never', |
|
'error-callback': function(e) { |
|
turnstile.remove(); |
|
}, |
|
callback: function(token) { |
|
ii.textContent="Sent"; |
|
console.log(`Challenge Success ${token}`); |
|
/* --------------------- */ |
|
const ob = {mail: em, sub: su, msg: ms, id: token }; |
|
var data="", |
|
status="", |
|
feed=JSON.stringify(ob); |
|
$.post("/feedbk/", feed, function(data, status){ |
|
console.log("Data: " + data + "\nStatus: " + status); |
|
console.log("JSON: " + JSON.parse(data.getJSON())); |
|
|
|
}); |
|
/* --------------------- */ |
|
//ovar re=""; |
|
//const dataToSend = JSON.stringify({"email": "hey@mail.com", "password": "101010"}); |
|
//let dataReceived = ""; |
|
//fetch("/feedbk/", { |
|
// credentials: "same-origin", |
|
// mode: "same-origin", |
|
// method: "post", |
|
// headers: { "Content-Type": "application/json" }, |
|
// body: dataToSend |
|
//}) |
|
// .then(resp => { |
|
// if (resp.status === 200) { |
|
// return resp.json() |
|
// } else { |
|
// console.log("Status: " + resp.status) |
|
// return Promise.reject("server") |
|
// } |
|
// }) |
|
// .then(dataJson => { |
|
// dataReceived = JSON.parse(dataJson) |
|
// }) |
|
// .catch(err => { |
|
// if (err === "server") return |
|
// console.log(err) |
|
// }) |
|
//console.log(`Received: ${dataReceived}`) |
|
|
|
|
|
}, |
|
}); |
|
}); |
} |
} |
}; |
}; |
|
|
form.addEventListener("submit", (event) => { |
form.addEventListener("submit", (event) => { |
event.preventDefault(); |
event.preventDefault(); |
sendData(); |
sendData(); |
}); |
}); |
|
|
// turnstile.ready(function() { |
|
// var e = document.querySelectorAll(".wpcf7-form-control"), |
|
// b = document.getElementById("wpcf7-button"); |
|
// e.forEach((f) => { |
|
// f.disabled=true; |
|
// }); |
|
|
|
// document.getElementById("wp1").disabled=true; |
|
|
|
// document.getElementById("wpcf7-button").disabled=true; |
|
// document.getElementById("wpcf7-button").value="Please wait..." |
|
|
|
// turnstile.render('#cfcontainer', { |
|
// theme: 'light', |
|
// sitekey: '0x4AAAAAAAVpXFEy152AON1L', |
|
// 'error-callback': function(e) { |
|
// turnstile.remove(); |
|
// b.value=e; |
|
// }, |
|
// callback: function(token) { |
|
// b.value="Sending..."; |
|
// console.log(`Challenge Success ${token}`); |
|
|
|
// document.getElementById("wpcf7-button").disabled=true; |
|
// document.getElementById("wpcf7-button").type="hidden"; |
|
|
|
// }, |
|
// }); |
|
|
|
//}); |
|
|
|
// Associate the FormData object with the form element |
|
// const formData = new FormData(form); |
|
|
|
// try { |
|
// const response = await fetch("https://example.org/post", { |
|
// method: "POST", |
|
// Set the FormData instance as the request body |
|
// body: formData, |
|
// }); |
|
// console.log(await response.json()); |
|
// } catch (e) { |
|
// console.error(e); |
|
// } |
|
//} |
|
|
|
// Take over form submission |
|
|
|