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

JavaScript更改空表单字段颜色

1 个答案: