Активность кнопки в форме

<style>
    .t-submit.disabled {
    background-color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  setTimeout(function() {
    // Функция проверки заполненности обязательных полей для конкретной формы
    function checkFormValidity(form) {
      var isValid = true;

      // Проверяем все обязательные поля в текущей форме
      var requiredInputs = form.querySelectorAll('input[data-tilda-req="1"]');
      for (var i = 0; i < requiredInputs.length; i++) {
        if (requiredInputs[i].value.trim() === '') {
          isValid = false;
          break; // Прерываем цикл
        }
      }

      // Активируем или деактивируем кнопку отправки
      var submitButton = form.querySelector('.t-submit');
      if (isValid) {
        submitButton.classList.remove('disabled');
      } else {
        submitButton.classList.add('disabled');
      }
    }

    // Изначально делаем кнопки неактивными
    var forms = document.querySelectorAll('.t-form');
    for (var i = 0; i < forms.length; i++) {
      var form = forms[i];
      form.querySelector('.t-submit').classList.add('disabled');

      // Проверяем форму при загрузке страницы
      checkFormValidity(form);

      // Проверяем форму при изменении значений в обязательных полях
      var requiredInputs = form.querySelectorAll('input[data-tilda-req="1"]');
      for (var j = 0; j < requiredInputs.length; j++) {
        requiredInputs[j].addEventListener('input', function() {
          checkFormValidity(form);
        });
      }
    }
  }, 3000);
});
</script>