更改HTML对象属性

Question

我有一个动态表单验证事件监听器，它检查输入是否有效。

但是，即使输入技术上无效，HTML对象属性有效性 - >有效也设置为“True”。

我无法弄清楚如何在我的javascript函数中根据它是否有效来触发它在“True”或“False”之间进行更改。

function validateEventName(){
  const reEventName = /^[a-åA-Å0-9]{2,25}$/;
  if(!reEventName.test(inputEventName.value)) {
    inputEventName.classList.add("is-invalid");
    inputEventName.classList.remove("is-valid");
    inputEventName.checkValidity();
  } else {
    inputEventName.classList.remove("is-invalid")
    inputEventName.classList.add("is-valid")
  }
}

我需要能够根据上面代码中的函数是否有效来更改“True”或“False”之间的inputEventName.valididty.valid。

Answer 1

使用document.getElementById（）

function validateEventName(){
      const reEventName = /^[a-åA-Å0-9]{2,25}$/;
      if(!reEventName.test(document.getElementById("dynamicID").value )) {
        inputEventName.classList.add("is-invalid");
        inputEventName.classList.remove("is-valid");
        inputEventName.checkValidity();
      } else {
        inputEventName.classList.remove("is-invalid")
        inputEventName.classList.add("is-valid")
      }
    }