開始輸入而不是單擊時更改文本框的顏色

Question

我在一個正在創建表單並使用JavaScript驗證的網站上工作。 一切進展順利，但我遇到了問題。

當用戶將字段留空並單擊“提交”按鈕時，表單將顯示錯誤，更改文本框的顏色，並且光標將自動聚焦在該字段上。

但是，我希望當用戶開始在該字段中鍵入內容時，該字段的顏色會自動變回其默認狀態。 我希望這項工作可以用JavaScript完成。 請幫助我，我對此沒有任何邏輯。

謝謝

Answer 1

使用onkeydown()代替onclick()事件。

Answer 2

此代碼可能有效：

This code may work:

<textarea id="txtId" onkeydown="changeColor()"></textarea>
<script>
  function changeColor(){
    document.querySelector("#txtId").style.backgroundColor="defaultcoloryouwant";
  }
</script>

Answer 3

您可以通過以下方式進行操作：

var textinput= document.getElementById("textinput");

textinput.onchange = function() {

    if(textinput.value == "")
    {
        textinput.style.backgroundColor = "red";
    }
    else
    {
       textinput.style.backgroundColor = "green"; 
    }
};