javascript - 更改文本框输入的背景颜色为空时不起作用

如果输入为空，我很难用此javascript代码来更改文本输入的背景颜色。

这是代码:

function checkFilled() {
    var inputVal = document.getElementById("subEmail").value;
    if (inputVal == "") {
        inputVal.style.backgroundColor = "yellow";
                }
        }

示例:http://jsfiddle.net/2Xgfr/

我希望文本框在开始时显示为黄色。

最佳答案

DEMO --> http://jsfiddle.net/2Xgfr/829/

HTML

<input type="text" id="subEmail" onchange="checkFilled();">

JavaScript

 function checkFilled() {
    var inputVal = document.getElementById("subEmail");
    if (inputVal.value == "") {
        inputVal.style.backgroundColor = "yellow";
    }
    else{
        inputVal.style.backgroundColor = "";
    }
}

checkFilled();

注意:您正在检查值并将颜色设置为不允许的值，这就是为什么它会给您带来错误。像上面一样尝试。

关于javascript - 更改文本框输入的背景颜色为空时不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17218987/