onkeydown / onkeypress html和javascript

Question

自从我开始使用Web语言（HTML，JavaScript，PHP）以来已经有一个月了，今天我被要求创建一个订阅页面。...如果必须字段，我能够将输入文本框的颜色更改为红色。是空的，问题是：当我在其中键入某些内容时，当我单击某个键时，我希望它再次变为白色...这是我的测试代码（一个了解某些命令如何工作的小程序）：

<HTML>
<BODY>
<SCRIPT>
function check()
{
    var value;
    value = document.test.Secondary_Key.value;
    if (value.length < 1)
    {
        document.getElementById("Secondary_Key").style.backgroundColor = "red";
    }
}
</SCRIPT>
<SCRIPT>
function colorbox()
{
    var values;
    values = document.test.Secondary_key.value;
    if (values.length > 0)
        document.getElementById("Secondary_Key").style.backgroundColor = "white";
}
</SCRIPT>
<FORM name = test>
<TABLE>
<TR>
    <TD align = right>Secondary key<input type="text" size="35" maxlength="256" name="Secondary_Key" value="" id="Secondary_Key" onkeydown="colorbox();"></TD>
</TR>
<TR>
    <TD align = right>FIRST<input type="text" size="35" maxlength="256" name="FIRST" value=""     id="FIRST"></TD>
</TR>
<TR>
    <TD align = center><BUTTON NAME="submit" VALUE="Submit" TYPE="button" id="Submit"      onclick="check();">Submit</BUTTON></TD>
</TABLE>
</FORM> 
</BODY>
</HTML>

Answer 1

代码无法正常工作的原因是，在第二个函数colorbox ，您具有Secondary_key而不是Secondary_Key 。 看大写的K

Answer 2

我知道您的代码段仅是JS，但您将Jquery用作标记，因此我将回答如下：

$('#Secondary_Key').keyup(function(e){
 if($(this).val()!=''){
   $(this).css({'background-color':'#fff'});
 }else{
   $(this).css({'background-color':'#f00'});
 }
});

Answer 3

 function check() {     var value =
 document.getElementById("Secondary_Key").value;
     if (value == "") {
         document.getElementById("Secondary_Key").style.backgroundColor = "red";
     }
     else{
         document.getElementById("Secondary_Key").style.backgroundColor = "white";
    } } check();

小提琴-> http://jsfiddle.net/2Xgfr/14/