javascript – 改变文本框的背景颜色输入不工作时为空

前端之家收集整理的这篇文章主要介绍了javascript – 改变文本框的背景颜色输入不工作时为空前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果输入为空,我用这个 JavaScript代码来困难地改变文本输入的背景颜色.

这是代码

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

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

我希望文本框从头开始变黄.

解决方法

演示 – > 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相关文章