var input1 = document.getElementById("username"); input1.addEventListener("input", function() { var isvalid1 = input1.value.length > 0; input1.parentNode.classList.toggle("valid",isvalid1) }); var input2 = document.getElementById("userID"); input2.addEventListener("input", function() { var isvalid2 = input2.value.length > 0; input2.parentNode.classList.toggle("valid",isvalid2) }); var input3 = document.getElementById("phonenumber"); input3.addEventListener("input", function() { var isvalid3 = input3.value.length > 0; input3.parentNode.classList.toggle("valid",isvalid3) }); var input4 = document.getElementById("email"); input4.addEventListener("input", function() { var isvalid4 = input4.value.length > 0; input4.parentNode.classList.toggle("valid",isvalid4) }); var input5 = document.getElementById("password"); input5.addEventListener("input", function() { var isvalid5 = input5.value.length > 0; input5.parentNode.classList.toggle("valid",isvalid5) }); var input6 = document.getElementById("repeat"); input6.addEventListener("input", function() { var isvalid6 = input6.value.length > 0; input6.parentNode.classList.toggle("valid",isvalid6) });

从您提供的代码来看，您对每个输入框都添加了相应的事件监听器，以检查输入框的值是否有效，并根据结果为父元素容器/移除 `valid` 类。这一个基本的方法来判断输入框的值是否有效。

然而，这样的代码重复性较高，可以进一步优化。您可以考虑将逻辑封装为一个函数，并使用循环来简化代码。以下是一个示例：

var inputFields = [
  { id: "username", placeholder: "请输入用户名" },
  { id: "userID", placeholder: "请输入用户ID" },
  { id: "phonenumber", placeholder: "请输入手机号码" },
  { id: "email", placeholder: "请输入邮箱" },
  { id: "password", placeholder: "请输入密码" },
  { id: "repeat", placeholder: "请确认密码" }
];

inputFields.forEach(function(field) {
  var inputElement = document.getElementById(field.id);

  inputElement.addEventListener("input", function() {
    var isValid = inputElement.value.length > 0;
    inputElement.parentNode.classList.toggle("valid", isValid);
  });
});

在上述代码中，我们使用一个数组 `inputFields` 来存储每个输入框的信息，包括其 `id` 和 `placeholder`。然后，通过循环遍历数组，为每个输入框添加相应的事件监听器，并根据其值是否有效为父元素容器添加/移除 `valid` 类。

这种方式可以大大减少代码的重复性，使代码更加简洁和可维护。您可以根据需要修改 `inputFields` 数组，添加或删除相应的输入框信息。

希望这样能帮助到您。如果您还有其他问题，请随时提问。