更改 HTML 对象属性答案

【问题标题】：Changing HTML Object Property更改 HTML 对象属性
【发布时间】：2019-04-30 14:23:52
【问题描述】：

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

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

我不知道如何根据它在我的 javascript 函数中是否有效来触发它在“真”或“假”之间切换。

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。

【问题讨论】：

只是说，我不认为 reEventName 做你想让它做的事情，因为它匹配基于 unicode 值的范围，所以它匹配所有字母，一些不可见的控制字符，很多大写变音符号像Û。
@Aplet123 感谢您指出，这只是一个“占位符”的表达方式，重要的是要有适当的有效性。

标签： javascript html object events

【解决方案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")
      }
    }

【讨论】：