更改HTML对象属性

Question

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

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

我无法弄清楚如何在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")
      }
    }