重新对焦后文本框图像丢失

Question

我可以知道如何保持文本框图像时，文本框重新聚焦?验证了文本框，当用户没有填写文本框中的值时，将出现错误消息并开始关注文本框。不幸的是，在文本框重新聚焦后，图像丢失了。请帮助检查我下面的演示与我目前的编码。如有任何帮助，不胜感激。

示例:JsFiddle DEMO 1

Answer 1

在你的error_function你重写了输入背景属性。你应该使用backgroundColor属性:

document.getElementById(ID).style.backgroundColor           = "#FDEBEB";

Answer 2

我已经在你的code中添加了一些jquery行，看看这个演示，希望它能为你工作

    function fnName(ID, name) {
    if (name == "") {
        error_function("** Please enter the Name.", ID, "errMsg");
    } else {
        release_function(ID, "errMsg");
    }
}
function error_function(message, ID, labelID) {
    document.getElementById(labelID).innerHTML = message;
    document.getElementById(labelID).style.display = "inline";
    document.getElementById(ID).style.background = "#FDEBEB";
    document.getElementById(ID).style.border = "thin solid red";
    document.getElementById(ID).value = "";
    document.getElementById(ID).focus();
}
function release_function(ID, labelID) {
    document.getElementById(labelID).innerHTML = "";
    document.getElementById(labelID).style.display = "";
    document.getElementById(ID).style.border = "";
    document.getElementById(ID).style.backgroundColor = "";
    document.getElementById(ID).style.backgroundImage = "";
    document.getElementById(ID).style.backgroundSize = "";
    document.getElementById(ID).style.backgroundPosition = "";
    document.getElementById(ID).style.backgroundRepeat = "";
}