重新聚焦后缺少文本框图像

Question

我可以知道在重新调整文本框时如何保留文本框图像吗？ 文本框经过验证，当用户没有在文本框中填写值时，它将显示错误消息并开始将焦点放在文本框上。 不幸的是，文本框重新聚焦后，图像丢失了。 请帮助检查我下面的演示与我当前的编码。 任何帮助，将不胜感激。

示例： JsFiddle演示 1

Answer 1

在error_function中，您将覆盖输入background属性。 您应该使用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 = "";
}