JavaScriptの変更空のフォームフィールドの色

Question

JavaScriptを実践するためにいくつかのことをしています。

私はフォームを作成しています。空のフィールドに赤色とテキストを「マーク」します。

私が入力したコードは赤で塗りつぶしていますが、私がsubmitをクリックすると再び白くなります。私ができないことは、空のフィールドにテキストを入力することです。

これは私が（ちょうど今の色のために）助けを

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

感謝を使用していますスクリプトです！ :)

Answer 1

問題を引き起こしている何かが起こっているように聞こえますが、入力の値の長さをチェックするforループに条件を追加しました。あなたはそれがここで働いているのを見ることができます：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"; 
     } 
    } 
}