onkeydown/onkeypress html和javascript

2014-10-03 72 views 1 likes

自從我開始使用網絡語言（HTML，javascript，PHP）以來，已經有一個月了，今天我被要求創建一個訂閱頁面...... 我能夠改變顏色一個輸入文本框變成紅色，如果必填字段爲空，問題是：我希望它再次變成白色，當我點擊某個鍵時，當我在其中鍵入內容時... 這裏是我的測試代碼（一個小程序要理解如何某些命令工作）：onkeydown/onkeypress html和javascript

<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>

來源

2014-10-03 Romain

看看jquery toggle（） – Jim 2014-10-03 12:23:50

回答

我知道你的代碼段是JS只不過你把jQuery的作爲標籤，所以我會回答，像這樣：

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

來源

2014-10-03 12:32:28

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/

來源

2014-10-03 12:37:11 Jose

爲什麼你的代碼是不工作是因爲在第二個功能colorbox，你有Secondary_key而不是Secondary_Key問題。看看大寫K。

來源

2014-10-03 12:37:16 mithunsatheesh

謝謝你，我是個白癡.... – Romain 2014-10-03 12:51:19

相關問題