验证电子邮件javascript：电子邮件不正确时显示叉号/电子邮件正确时显示勾号？

我的电子邮件验证脚本有问题，目前我的脚本在用户点击后验证电子邮件文本框中的文本，如果电子邮件无效，则显示叉号，如果电子邮件有效，则显示勾号，我遇到的问题是，如果用户键入一封有效的电子邮件，然后出于任何原因，如果他们返回并键入一封ivalid电子邮件，我会立即看到十字架和记号出现在彼此的顶部

有没有人知道我如何才能做到只有在电子邮件无效时才显示叉号，只有在电子邮件有效时才显示勾号

这是我的密码：

<script>
function validateEmail(emailField){
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

        if (reg.test(emailField.value) == false) 
        {
            document.getElementById("emailCross").style.display='block';
            return false;
        }
        document.getElementById("emailCross").style.display='none';
        document.getElementById("emailTick").style.display='block';
        return true;

}
</script>

函数validateEmail（emailField）{
变量reg=/^（[A-Za-z0-9\-\.]）+\@（[A-Za-z0-9\-\.]）+\.（[A-Za-z]{2,4}）$/；
if（注册测试（emailField.value）==false）
{
document.getElementById（“emailCross”）.style.display='block'；
返回false；
}
document.getElementById（“emailCross”）.style.display='none'；
document.getElementById（“emailTick”）.style.display='block'；
返回true；
}

html:

---

如何执行此操作？

如果电子邮件验证失败，则需要隐藏

勾选：

function validateEmail(emailField){
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

        if (reg.test(emailField.value) == false) 
        {
            document.getElementById("emailTick").style.display='none'; // Hide tick if validation Fails
            document.getElementById("emailCross").style.display='block';
            return false;
        }
        document.getElementById("emailCross").style.display='none';
        document.getElementById("emailTick").style.display='block';
        return true;

}

这应包括：

if (reg.test(emailField.value) == false) {
    document.getElementById("emailTick").style.display='none';
    document.getElementById("emailCross").style.display='block';
    return false;
} else {
    document.getElementById("emailCross").style.display='none';
    document.getElementById("emailTick").style.display='block';
}

查看您的代码，比较您在“有效”情况下所做的工作和在“无效”情况下所做的工作这对我来说不起作用：（如果用户返回并输入一个有效的输入，我仍然会在勾号的顶部得到一个十字。）email@user3488706您确定吗？请查看此项以查看代码，如果您输入的值不正确，它将显示
X
，如果您随后输入的值有效，它将显示
/
。这不起作用，仍然将X置于tic顶部k如果用户返回并输入一封无效的电子邮件，那么当用户返回时，您必须强制进行验证。“用户返回”的确切含义是什么？他是单击“返回”按钮还是只是单击字段外然后再次单击？发生这种情况时，您需要启动ValideMail（）
if (reg.test(emailField.value) == false) {
    document.getElementById("emailTick").style.display='none';
    document.getElementById("emailCross").style.display='block';
    return false;
} else {
    document.getElementById("emailCross").style.display='none';
    document.getElementById("emailTick").style.display='block';
}