如果使用 Javascript 验证电子邮件，则显示小吃栏答案

【问题标题】：Show snackbar if email is validated with Javascript如果使用 Javascript 验证电子邮件，则显示小吃栏
【发布时间】：2020-04-13 14:16:15
【问题描述】：

我有一个简单的电子邮件表单，如果电子邮件地址经过验证，我想显示一个快餐栏通知。但是，似乎 .test() 方法不允许显示快餐栏。

当我运行此程序时，我会在控制台中看到“正在显示小吃店”消息一瞬间，但从来没有看到小吃店本身或“隐藏小吃店”消息。如果电子邮件地址经过验证，我需要做什么才能让快餐栏显示？

function validateForm() {
  var x = document.forms["memberSearch"]["email"].value;
  if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(memberSearch.email.value)) {
    showSnackbar() 
    return (true);

  } else {
    alert("This doesn't look like an email address...");
    return (false);
  }
};

function showSnackbar() {
  console.log("Showing snackbar")
  var x = document.getElementById("snackbar");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); 
  console.log("Hiding snackbar")}, 3000);
}

【问题讨论】：

标签： javascript testing timeout snackbar

【解决方案1】：

原来这根本不是 Javascript 问题。这是 HTML 的问题。该按钮位于<form> 标记内。将按钮移到表单外修复它。

【讨论】：