version 1.5, 2024/03/27 23:23:31 |
version 1.93, 2024/03/31 16:36:02 |
|
|
const form = document.querySelector("#cform"); |
const form = document.querySelector("#cform"); |
|
|
function validateEmail(email) { |
function parseString(str) { |
const regex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/; |
return str.replace(/[~`!@#$%^&*(){}\[\];:"'<,.>?\/\\|+=-]/g, '_'); |
|
} |
|
|
|
function parseMail(email) { |
|
return email.toLowerCase().slice(0,96); |
|
} |
|
|
|
function validateMail(email) { |
|
const regex = /^[a-z0-9._%+-]+@[a-z0-9.-]+(\.[a-z]{2,})+$/; |
return regex.test(email); |
return regex.test(email); |
}; |
}; |
|
|
function validateSubject(subject) { |
function parseSubj(subject) { |
return (subject.length>5); |
return parseString(subject).slice(0,96); |
} |
} |
|
|
function validateMsg(msg) { |
function validateSubj(subject) { |
return (msg.length>5); |
return (subject.length>3); |
} |
} |
|
|
|
function parseMess(msg) { |
|
return parseString(msg).slice(0,3904); |
|
} |
|
|
|
function validateMess(msg) { |
|
return (msg.length>3); |
|
} |
|
|
async function sendData() { |
async function sendData() { |
var er = 0; |
var erro = 0, |
em = document.getElementById("yemail").value, |
info = document.getElementById("cfinfo"), |
su = document.getElementById("ysub").value, |
mail = parseMail(document.getElementById("cfem").value), |
ms = document.getElementById("ymsg").value, |
subj = parseSubj(document.getElementById("cfsu").value), |
ii = document.getElementById("cfinfo"); |
mess = parseMess(document.getElementById("cfme").value); |
|
|
er=validateEmail(em)?er:++er; |
erro=validateMail(mail)?erro:++erro; |
er=validateSubject(su)?er:++er; |
erro=validateSubj(subj)?erro:++erro; |
er=validateMsg(ms)?er:++er; |
erro=validateMess(mess)?erro:++erro; |
if(er){ |
|
ii.textContent="One or more fields have an error. Please check and try again."; |
if(erro) { |
|
info.textContent="One or more fields have an error. Please check and try again." |
} else { |
} else { |
var fc = document.querySelectorAll(".wpcf7-form-control"), |
var fcon = document.querySelectorAll(".wpcf7-form-control"), |
bt = document.querySelector(".wpcf7-button"); |
id = "(NULL)"; |
ii.textContent="All good."; |
|
fc.forEach((f) => { |
info.textContent="Please wait..." |
|
fcon.forEach((f) => { |
f.disabled=true; |
f.disabled=true; |
|
l=f; |
}); |
}); |
bt.style.visibility="hidden"; |
l.style.visibility="hidden"; |
} |
turnstile.ready(function() { |
}; |
turnstile.render('#cfcontainer', { |
|
retry: 'never', |
|
theme: 'light', |
|
'response-field': false, |
|
sitekey: '0x4AAAAAAAVpXFEy152AON1L', |
|
'error-callback': function(e) { |
|
info.textContent="Cloudflare Turnstile verification error. Try again later." |
|
}, |
|
callback: function(token) { |
|
info.textContent=token; |
|
// const data = JSON.stringify({"add": mail, "sub": subj, "msg": mess, "tok": token}); |
|
// info.textContent="Sending..."; |
|
// fetch("/feedbk/", { |
|
// headers: { "Content-Type": "application/json" }, |
|
// credentials: "same-origin", |
|
// mode: "same-origin", |
|
// method: "post", |
|
// body: data |
|
// }) |
|
// .then(response => response.json()) |
|
// .then(json => info.textContent=json['msg']) |
|
} |
|
}); |
|
// turnstile.remove(); |
|
}); |
|
}; |
|
} |
|
|
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 |
|
|
|