version 1.46, 2024/03/29 19:05:01 |
version 1.105, 2024/04/27 20:49:34 |
|
|
const form = document.querySelector("#cform"); |
|
|
|
function validateEmail(email) { |
|
const regex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/; |
|
return regex.test(email); |
|
}; |
|
|
|
function validateSubject(subject) { |
|
return (subject.length>5); |
|
} |
|
|
|
function validateMsg(msg) { |
|
return (msg.length>5); |
|
} |
|
|
|
async function sendData() { |
|
var er = 0; |
|
em = document.getElementById("cfem").value, |
|
su = document.getElementById("cfsu").value, |
|
ms = document.getElementById("cfme").value, |
|
ii = document.getElementById("cfinfo"); |
|
er=validateEmail(em)?er:++er; |
|
er=validateSubject(su)?er:++er; |
|
er=validateMsg(ms)?er:++er; |
|
if(er){ |
|
ii.textContent="One or more fields have an error. Please check and try again."; |
|
} else { |
|
var fc = document.querySelectorAll(".wpcf7-form-control"); |
|
ii.textContent="All good."; |
|
fc.forEach((f) => { |
|
f.disabled=true; |
|
l=f; |
|
}); |
|
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); |
|
//}); |
|
/* --------------------- */ |
|
//ovar re=""; |
|
|
|
const dataToSend = JSON.stringify({"email": "hey@mail.com", "password": "101010", "fribble": "input / output"}); |
|
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) => { |
|
event.preventDefault(); |
|
sendData(); |
|
}); |
|
|
|
|
|