填写表格后更改按钮的颜色

Question

试图添加到此表单的功能：

1. 验证电子邮件（似乎仅在注释掉任何其他JS后才起作用）
2. 填写表格时更改按钮的颜色

这是我的代码https://github.com/SallyRagab/WPMU-DEV

// validate email address
const email = document.getElementById('email');

function validation() {
  var emailValue = document.getElementById('email').value;
  var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/;

  if (emailValue.match(pattern)) {
    email.classList.remove("is-invalid");
  } else {
    email.classList.add("is-invalid");

  }
}
email.addEventListener('keydown', validation;



// Change color of button when form is filled
var forms = document.querySelectorAll('input');
var button = document.getElementById('button');
var list = [];
function changeColor(){
  for (var i = 0; i < forms.length; i++) {
      var formValue = forms[i].value;
      list.push(formValue);
  }
  if (list not includes('')) {
    button.classList.add('active-btn');
  }
}
input.addEventListener('input', changeColor);

两个功能都不起作用。

Answer 1

存在语法错误。

email.addEventListener('keydown', validation; //missing closing parenthesis