contacts.js

const form = document.querySelector("form");
const fullName = document.getElementById("name");
const email = document.getElementById("email");
const phone = document.getElementById("phone");
const subject = document.getElementById("subject");
const mess = document.getElementById("message");

function sendEmail() {
    const bodyMessage = `Full Name: ${fullName.value}<br> Email: ${email.value}<br> Phone Number: ${phone.value}<br> Message: ${mess.value}`;
    Email.send({
        SecureToken: "0a47409f-e636-4cf6-8b8a-be55d9aa2ad5", //SMTPjs
        // Host: "smtp.elasticemail.com",
        // Username: "tarunrd77@gmail.com",
        // Password: "0A1C25ED16C32866DBAD0578D432D201C020",
        To: 'tarunrd77@gmail.com',
        From: "tarunrd77@gmail.com",
        // From: email.value,
        Subject: subject.value,
        Body: bodyMessage
    }).then(
        message => { 
            if (message=="OK"){
                Swal.fire({ //sweetalert2
                    title: "Success!",
                    text: "Message sent successfully",
                    icon: "success"
                  });
            }
        }
    );
}

function checkInputs() {
    const items = document.querySelectorAll(".item");

    for (const item of items) {
        if (item.value == "") {
            item.classList.add("error");
            item.parentElement.classList.add("error");
        }

        if(items[1].value!=""){
            checkEmail();
        }
        items[1].addEventListener("keyup",()=>{
            checkEmail();
        });

        item.addEventListener("keyup", () => {
            if (item.value != "") {
                item.classList.remove("error");
                item.parentElement.classList.remove("error");
            }
            else {
                item.classList.add("error");
                item.parentElement.classList.add("error");
            }
        });
    }
}

function checkEmail(){
    const emailRegex = /^([a-z\d\.-]+)@([a-z\d-]+)\.([a-z]{2,3})(\.[a-z]{2,3})?$/;
    const errorTxtEmail = document.querySelector(".error-txt.email");


    if(!email.value.match(emailRegex)){
        email.classList.add("error");
        email.parentElement.classList.add("error");

        if(email.value != ""){
            errorTxtEmail.innerText = "Enter a valid email address";
        }
        else{
            errorTxtEmail.innerText = "Enter Address can't be blank";
        }
    }
    else{
        email.classList.remove("error");
        email.parentElement.classList.remove("error");
    }
}
    form.addEventListener("submit", (e) => {
        e.preventDefault();
        checkInputs();

        if(!fullName.classList.contains("error") && !email.classList.contains("error") && !phone.classList.contains("error") && 
        !subject.classList.contains("error") && !mess.classList.contains("error")){
            sendEmail();

            form.reset();
            return false;
        }
});