оператор if для проверки формы не работает должным образом

Question

У меня есть форма новостной рассылки с вводом электронной почты, созданной с помощью плагина WordPress. Действие формы установлено на подстраницу. Я хочу проверить, правильно ли указан адрес электронной почты - если нет, я хочу напечатать предупреждающее сообщение.

let emailField = document.querySelector('.email').value;
const regEx = /\S+@\S+\.\S+/;
let submitBtn = document.querySelector('.btn-submit');
let form = document.querySelectorAll('.newsletter-container > form');

function validateEmail() {
  if (regEx.test(emailField) == false) {
    alert('!!!');
    event.preventDefault();
   } else {
    form.submit();
   }
}

submitBtn.addEventListener('click', function (event) {
   validateEmail();
});

Моя проблема в том, что, когда я набираю правильный адрес электронной почты, я все еще получаю предупреждение, и событие по умолчанию кнопки не может действовать.

Что я делаю не так?

Answer 1

странная конструкция, но в любом случае

 let submitBtn = document.querySelector('.btn-submit');



 function validateEmail() {
   var regEx = /\S+@\S+\.\S+/;
    let emailField = document.querySelector('.email').value;
    if (regEx.test(emailField) == false) {
       alert('!!!');
        event.preventDefault();
   } else {
      let form = document.querySelectorAll('.newsletter-container > form');
      form.submit();
  }
}