contact_us_js.js

const nameEl = document.querySelector("#name");
const emailEl = document.querySelector("#email");
const Subject = document.querySelector("#issue_subject");
const messageEl = document.querySelector("#message");

const form = document.querySelector("#submit-form");

function checkValidations() {
  let letters = /^[a-zA-Z\s]*$/;
  const name = nameEl.value.trim();
  const email = emailEl.value.trim();
  const subject = Subject.value.trim();
  const message = messageEl.value.trim();
  if (name === "") {
    document.querySelector(".name-error").classList.add("error");
    document.querySelector(".name-error").innerText =
      "Please fill out this field!";
  } else {
    if (!letters.test(name)) {
      document.querySelector(".name-error").classList.add("error");
      document.querySelector(".name-error").innerText =
        "Please enter only characters!";
    } else {
    }
  }
  if (email === "") {
    document.querySelector(".name-error").classList.add("error");
    document.querySelector(".name-error").innerText =
      "Please fill out this field!";
  } else {
    if (!letters.test(name)) {
      document.querySelector(".name-error").classList.add("error");
      document.querySelector(".name-error").innerText =
        "Please enter only characters!";
    } else {
    }
  }
}

function reset() {
  nameEl = "";
  emailEl = "";
  Subject = "";
  messageEl = "";
  document.querySelector(".name-error").innerText = "";
}