javascript - javascriptでforループを使用してtexbox値を反復処理する

Question

すべてのテキストボックスに値がない場合、サーバー側のアクションを防ぐための小さな手順があります。値が追加されなかった場合に備えて、テキストボックスに色を割り当てたい。

これは私が期待したように機能していません。

var txtName = document.getElementById("MainContent_txtName").value;
var txtSurname = document.getElementById("MainContent_txtSurname").value;
var txtContact = document.getElementById("MainContent_txtContactNumber").value;
var txtEmail = document.getElementById("MainContent_txtEmail").value;
var txtMessage = document.getElementById("MainContent_txtMessage").value;

var fields = new Array(txtName, txtSurname, txtContact, txtEmail, txtMessage);
var tot = 0;
for (var i = 0; i < fields.length; i++) {

    if (fields[i] == "") {
        fields[i].style.backgroundcolor = '#FEF5CA';
        tot++;
    }
    else {
        fields[i].style.backgroundcolor = "white";
    }

}
if (tot > 0) {
    return false;
}
return true;

よろしく