javascript - "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();
  }
}