=================================================================== RCS file: /cvs/cvs/draft/form.min.js,v retrieving revision 1.1 retrieving revision 1.49 diff -u -p -r1.1 -r1.49 --- draft/form.min.js 2024/03/27 20:37:50 1.1 +++ draft/form.min.js 2024/03/29 20:13:18 1.49 @@ -15,73 +15,81 @@ function validateMsg(msg) { async function sendData() { var er = 0; - em = document.getElementById("yemail").value, - su = document.getElementById("ysub").value, - ms = document.getElementById("ymsg").value, + 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 { - ii.textContent="All good." + 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); + 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) => { event.preventDefault(); sendData(); -}); - -// turnstile.ready(function() { -// var e = document.querySelectorAll(".wpcf7-form-control"), -// b = document.getElementById("wpcf7-button"); -// e.forEach((f) => { - // f.disabled=true; -// }); -// b.value="ONE OR MORE FIELDS HAVE AN ERROR. PLEASE CHECK AND TRY AGAIN"; - - // ONE OR MORE FIELDS HAVE AN ERROR. PLEASE CHECK AND TRY AGAIN. - -// 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 +}); \ No newline at end of file