在javascript中使用for循环遍历texbox值

我有一个小程序来防止所有texbox都没有值时服务器端的操作。 我想为texbox指定一种颜色，以防未添加值

这不是我预期的工作方式

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;

---

关于

请尝试style.backgroundColor而不是style.backgroundColor注意大写字母C Javascript区分大小写。

问题是您正在创建一个值数组，您需要元素本身：

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

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

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

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

---

您必须将backgroundcolor更改为backgroundcolor，并将.value添加到您的if检查中。

您希望得到什么？它到底是什么？值得注意。数组包含字符串、文本框中的值。字符串没有样式。您需要另一个数组或使用包含实际DOM对象的JQuery，以便您可以操作它们的属性。他也将访问错误的属性名称，请添加到您的答案：@Edorka yesp我又做了一些更改以修复各种问题。