Изменение свойства объекта HTML

Question

У меня есть прослушиватель событий проверки динамической формы, который проверяет, действителен ли ввод или нет.

Однако, даже если технически входные данные недействительны, для свойства HTML Object validity -> Valid установлено значение "True".

Я не могу понять, как можно вызвать его изменениемежду "True" или "False" в зависимости от того, допустимо ли это в моей функции 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")
  }
}

Мне нужно иметь возможность изменить inputEventName.valididty.valid между "True" или "False"в зависимости от того, допустимо ли это с помощью функции в моем коде выше.

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