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

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

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

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

Ответы:

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

+ Заказать

 

Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

 

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

    Для скрытия одной формы при заполнении другой формы на веб-странице, вы можете использовать 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 на вашей странице, поэтому убедитесь, что ваши пользователи могут использовать скрипты в браузере.

Оставить комментарий