Question

我正在创建表单并使用JavaScript验证表单的网站上工作。一切进展顺利，但我有一个问题。

当用户将字段留空并单击提交按钮时，表单会显示错误，更改文本框的颜色，并且光标会自动聚焦在该字段上。

但是，我希望当用户开始在字段中键入时，字段的颜色会自动返回其默认状态。我希望在JavaScript中完成这项工作。请帮助我，我没有得到任何逻辑。

谢谢

Answer 1

使用onclick()代替shown.bs.popover事件。

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"; 
    }
};

开始输入文本框时更改文本框的颜色，而不是单击

3 个答案: