如果使用Javascript验证了电子邮件，则显示snackbar

// 验证电子邮件地址的函数
function validateEmail(email) {
  // 正则表达式验证电子邮件地址格式
  var regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  return regex.test(email);
}

// 获取电子邮件输入框元素
var emailInput = document.getElementById('email');

// 监听电子邮件输入框的值变化事件
emailInput.addEventListener('input', function() {
  var email = emailInput.value;
  
  // 验证电子邮件地址格式
  if (validateEmail(email)) {
    // 显示验证成功的snackbar
    showSnackbar('电子邮件地址验证成功');
  } else {
    // 显示验证失败的snackbar
    showSnackbar('电子邮件地址验证失败');
  }
});

// 显示snackbar的函数
function showSnackbar(message) {
  // 创建snackbar元素
  var snackbar = document.createElement('div');
  snackbar.className = 'snackbar';
  snackbar.textContent = message;
  
  // 将snackbar添加到页面中
  document.body.appendChild(snackbar);
  
  // 一段时间后自动隐藏snackbar
  setTimeout(function() {
    snackbar.style.opacity = 0;
    setTimeout(function() {
      document.body.removeChild(snackbar);
    }, 200);
  }, 3000);
}