JavaScript更改空表单字段颜色

我正在做一些事情来练习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";
    }
    }

---

谢谢你的帮助！：

听起来可能还有其他原因导致了问题，但我在for循环中添加了一个条件，用于检查输入的值长度。您可以看到它在这里工作：

---

欢迎来到StackOverflow。恐怕您没有给我们提供足够的信息来了解您的问题所在。如果你编辑你的问题并使用代码片段功能，你可以包含所需的HTML来演示你的问题。是的，当我复制你的表单和脚本时，它对我很有用。但是，当我尝试在jsfiddle.net上使用我的代码时，它会说{error:Please use POST request}，我认为您的代码还有更多需要解释的地方。可以在JSFIDLE中共享吗？我想我知道了。我的表格有问题。我做了一个新的，它的工作原理和你在上一篇文章中说的一样！很高兴听到这个消息。请随意将此答案标记为解决方案！

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