Question

自从我开始使用网络语言（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();

小提琴 - ＆gt; http://jsfiddle.net/2Xgfr/14/

onkeydown / onkeypress html和javascript

3 个答案: