使用js验证来更改背景图像

时间:2014-07-12 20:17:26

标签: javascript html css

我有点问题。我正在使用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 - 第一个图像是错误,第二个是它的样子,最终的图像是我想做的。

1 个答案:

答案 0 :(得分:0)

您可以简单地将背景颜色设置为“透明”,这样可以阻止背景图像消失