Ändern Sie die Farbe des Textfelds, wenn Sie es eingeben, anstatt auf

Question

zu klicken Ich arbeite an einer Website, wo ich ein Formular erstellen und mitAlles läuft gut, aber ich habe ein Problem.

Wenn ein Benutzer ein Feld leer lässt und auf die Schaltfläche Senden klickt, zeigt das Formular einen Fehler an, ändert die Farbe des Textfelds und der Cursor wird automatisch auf dieses Feld ausgerichtet.

Ich möchte jedoch, dass, wenn der Benutzer beginnt, in das Feld eingeben, die Farbe des Feldes automatisch in den Standardzustand zurückkehrt. Ich möchte, dass diese Arbeit in JavaScript getan wird. Bitte hilf mir, ich bekomme dafür keine Logik.

Danke

Answer 1

Verwenden onkeydown() statt onclick() Ereignis.

Answer 2

können Dieser Code funktioniert:

This code may work: 

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

Answer 3

Sie es auf diese Weise tun können:

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

textinput.onchange = function() { 

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