JavaScript ändern leere Formularfelder Farbe

Question

Ich mache ein paar Dinge, um JavaScript zu üben.

Ich mache ein Formular, und ich möchte leere Felder mit einer roten Farbe und einem Text "markieren".

Der Code Ich habe die Eingänge mit rot gemalt, aber nur wenn ich auf submit klicke und dann wird es wieder weiß. Eine andere Sache, die ich nicht tun kann, ist, das leere Feld mit Text zu füllen.

Dies ist das Skript I (nur für die Farbe vorerst) für die Hilfe

function validate() { 
    var f1 = document.getElementById("name"); 
    var f2 = document.getElementById("email"); 
    var f3 = document.getElementById("address"); 
    var f4 = document.getElementById("age"); 
    var f5 = document.getElementById("cp"); 
    var ferror = [f1,f2,f3,f4,f5]; 
    var i; 
    for (i = 0; i < ferror.length; i++) { 
     ferror[i].style.backgroundColor = "red"; 
    } 
    } 

Dank bin mit! :)

Answer 1

Es hört sich an, als könnte etwas anderes passieren, das Probleme verursacht, aber ich fügte eine Bedingung in der for-Schleife hinzu, die auf Wertlänge auf der Eingabe prüft. Sie können es hier arbeiten sehen: https://jsfiddle.net/2Le9gzt4/

function validate() { 
    var f1 = document.getElementById("name"); 
    var f2 = document.getElementById("email"); 
    var f3 = document.getElementById("address"); 
    var f4 = document.getElementById("age"); 
    var f5 = document.getElementById("cp"); 
    var ferror = [f1,f2,f3,f4,f5]; 
    var i; 
    for (i = 0; i < ferror.length; i++) { 
     if(ferror[i].value.length < 1){ 
     ferror[i].style.backgroundColor = "red"; 
     } 
    } 
}