JavaScript 更改空表单字段颜色

Question

我正在做一些练习 JavaScript 的事情。

我正在制作一个表格，我想用红色和文本“标记”空白字段。

我的代码将输入涂成红色，但就在我单击提交时，它又变白了。我不能做的另一件事是用文本填充空白字段。

这是我正在使用的脚本(现在只是为了颜色)

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