Отсутствие текстового поля после повторного фокуса

Question

Могу ли я узнать, как я могу оставаться в текстовом поле, когда текстовое поле перефокусировано? текстовое поле было подтверждено, когда пользователь не заполнил значение в текстовом поле, появится сообщение об ошибке и начнется фокус на текстовое поле. К сожалению, после того, как текстовое поле перефокусировано, изображение отсутствует. Пожалуйста, помогите проверить мое следующее демо с моей текущей кодировкой. Любая помощь будет оценена по достоинству.

Пример: JsFiddle DEMO1

Answer 1

В вашей error_function вы перекрывая вход фоновое свойство. Вы должны использовать BackgroundColor свойство:

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

Answer 2

У меня есть добавить строку JQuery к вашему code, увидеть эту 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 = ""; 
}