电子邮件验证首次使用

Question

大家好，所有JavaScript大师，

我正在使用纯JavaScript for Email进行一些内联​​验证。当我第一次进行测试时，它显示所有验证正常，输入有效的电子邮件后，如果我删除有效的电子邮件（在访问表格中的其他输入框后返回此输入框）并输入有效的电子邮件或删除有效的，根本没有显示验证。请注意，这与提交按钮无关。

function validateEmail(){ 
  var userEmail = document.getElementById('email');
  var errorE = document.getElementById('emailError');
  var validEmail = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  if(!validEmail.test(userEmail.value)){
    errorE.classList.remove('display');
    errorE.classList.add('validation');
    return false;
  }else{
    document.getElementById('emailError').style.display = "none";
    return true;
  }
}

这是我的HTML

<p>
    <label class='label' for='email'>
        Email
    </label>
    <input type='text' id='email' name='email' onblur="validateEmail(email)"> 
    <span id="emailError" class="display">
        You must enter a valid email address
    </span>
</p>

请指导我，因为我是新手并且正在学习javascript