javascript - 检查文本的表单输入并更改其颜色

Question

这里有一个我无法克服的问题。这是代码，我希望脚本在输入的文本更改时更改表单输入的颜色:

function checkName(name)
{
if (name.value == "value1" || name.value == "value2" || name.value == "value3" || name.value == "value4" || name.value == "value5" || name.value == "value6"){
 document.forms['un'].elements['name'].style.color='#ffbb00'
}
else {
 document.forms['un'].elements['name'].style.color='#000000'
}
}

如您所见，当输入的文本与提供的文本之一匹配时，它应该变成橙色，否则，它应该是黑色的。 (我有一个用 onChange 东西切换这个功能的输入) 我只是无法让它工作，所以我可以有多种选择何时更改颜色，也可以在语句无效时改回。有帮助吗？

Answer 1

我有一个输入通过 onChange 来切换这个函数 所以你的输入

<input type=text size=20 name='name' onchange="checkName(this)">

功能可能是

function checkName(el)
{
    if (el.value == "value1" || el.value == "value2" || el.value == "value3" || el.value == "value4" || el.value == "value5" || el.value == "value6")
    {
        el.style.color='#ffbb00'
    }
    else
    {
        el.style.color='#000000'
    }
}

An example.

你也可以试试 onkeyup 像 this example .