Как скрыть одну форму для комментария при заполнении другой?

Ссылка скопирована
1 ответ

у меня есть форма для ответа на отзыв, как сделать так, чтобы другие формы не открывались(не были активными), пока я заполняю одну из них, может это возможно сделать через js ?

Как скрыть одну форму для комментария при заполнении другой?

Дополнительно:

Ответы:

При нажатии "Добавить комментарий", пробежаться по всем формам и принудительно привести их в статус "свернуто", кроме той формы, где кликнули кнопку "Добавить комментарий".

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Елена Вебер Ответ

Для скрытия одной формы при заполнении другой формы на веб-странице, вы можете использовать JavaScript для управления видимостью элементов на странице в зависимости от состояния других элементов.

Прежде всего, вам нужно определить обе формы в HTML с помощью тегов и установить им уникальные идентификаторы (ID), например "form1" и "form2":

 
  <!-- элементы формы 1 -->
 
 
 
  <!-- элементы формы 2 -->

Затем вы можете использовать JavaScript, чтобы скрыть одну форму при заполнении другой. Например, если вы хотите скрыть "form2" при заполнении "form1", вы можете добавить следующий скрипт:

document.getElementById('form1').addEventListener('input', function() {
  if (document.getElementById('form1').checkValidity()) {
    document.getElementById('form2').style.display = 'none';
  } else {
    document.getElementById('form2').style.display = 'block';
  }
});

Этот скрипт будет проверять валидность "form1" при каждом вводе данных и скрывать "form2", если "form1" заполнена корректно. В противном случае "form2" будет отображаться.

Не забудьте также добавить CSS для начального состояния формы, чтобы одна из них была скрыта по умолчанию:

#form2 {
  display: none;
}

Таким образом, при заполнении "form1" пользователь будет видеть только одну форму, а вторая будет скрыта. Пожалуйста, учтите, что этот подход требует включения JavaScript на вашей странице, поэтому убедитесь, что ваши пользователи могут использовать скрипты в браузере.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно