t404owo/t404null
1
0
Fork 0
mirror of https://github.com/t404owo/t404null.git synced 2025-12-12 18:08:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Syntax fix+button handling

Browse Source 
Fixed code syntax.
Added button disable when sending.
This commit is contained in:
t404owo
2025-10-20 06:44:47 +02:00
committed by GitHub
parent e74d3dcf43
commit 5a8bce7125
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/js/mail.js
View File

@@ -13,7 +13,8 @@ const form = document.getElementById("mail-form"),
emailInput = document.getElementById("email"), emailInput = document.getElementById("email"),
subjectInput = document.getElementById("subject"), subjectInput = document.getElementById("subject"),
messageInput = document.getElementById("message"), messageInput = document.getElementById("message"),
statusMessage = document.querySelector(".box"); statusMessage = document.querySelector(".box"),
submitButton = form.querySelector('button[type="submit"]');;
form.addEventListener("submit", async (e) => { form.addEventListener("submit", async (e) => {
e.preventDefault(); e.preventDefault();
@@ -23,14 +24,16 @@ form.addEventListener("submit", async (e) => {
const subject = subjectInput.value.trim(); const subject = subjectInput.value.trim();
const message = messageInput.value.trim(); const message = messageInput.value.trim();
try { try {
[name, email, subject, message].forEach(obj => [name, email, subject, message].forEach(obj => {
if (!obj || obj.length===0) { if (!obj || obj.length===0) {
throw new Error("field_missing"); throw new Error("field_missing");
} }
}); });
if (submitButton) submitButton.disabled = true;
const { data, error } = await supabase const { data, error } = await supabase
.from("mail") .from("mail")
.insert([{ name, email, subject, message }]); .insert([{ name, email, subject, message }]);
@@ -42,6 +45,7 @@ form.addEventListener("submit", async (e) => {
statusMessage.textContent = "Message sent successfully!"; statusMessage.textContent = "Message sent successfully!";
statusMessage.style = "background: #DDF6D2"; statusMessage.style = "background: #DDF6D2";
form.reset(); form.reset();
if (submitButton) submitButton.disabled = false;
} catch (error) { } catch (error) {
console.error("Error sending message:", error); console.error("Error sending message:", error);
statusMessage.textContent = (error.message === "field_missing") ? statusMessage.textContent = (error.message === "field_missing") ?
@@ -50,5 +54,6 @@ form.addEventListener("submit", async (e) => {
/*else*/ /*else*/
"Error sending message. Please try again."; "Error sending message. Please try again.";
statusMessage.style = "background: #FFDCDC"; statusMessage.style = "background: #FFDCDC";
if (submitButton) submitButton.disabled = false;
} }
}); });