javascript - 使用js验证改变background-image

Question

我有个小问题。我正在使用 javascript 在 HTML 中构建一个表单，但在输入中，我使用了背景图像和左侧填充以使其看起来更好，这里一切正常，接下来是问题。我在这里创建了这个函数:

function verificar_email(email) {
var valor = email.value;

if (valor.length != 0){
    if (valor.indexOf('@') >= 1) {
        if (valor.indexOf('.') > (valor.indexOf('@') + 1)) {
            if (valor.length > (valor.lastIndexOf('.') + 1)) {

                email.style.background = "#1abc9c";
                email.style.color = "#fefefe";
                return true;

            }
        }
    }
}
email.style.background = "#ff0000";
email.style.color = "#fefefe";
return false;
}

当电子邮件输入为空或输入错误时，它会用 bgcolor 填充我的 bgimage 并使图像消失。如何将我的原始图像更改为我创建的不填充颜色的其他图像？

抱歉我的英语不好，下面我将用一些图片解释我在说什么。

http://imgur.com/a/hkigg - 第一张图片是错误，第二张是它的样子，最后一张图片是我想做的。

Answer 1

你可以简单地将背景颜色设置为“透明”，这样你的背景图片就不会消失