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

Question

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

示例：JsFiddle DEMO 1

Answer 1

我已经在你的 code 中添加了一些 jquery 行，看看这个 demo 希望它对你有用

    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 = "";
}

Answer 2

在您的 error_function 中，您正在覆盖输入背景属性。你应该使用 backgroundColor 属性:

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

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

Textbox image missing after re-focus

javascript

html

css

onblur

onfocus