У меня есть несколько модальных всплывающих окон на моей странице, когда я нажимаю кнопку Отправить, я могу получить значения формы первого модального всплывающего окна, но не другие

Question

Я создал несколько дополнительных модальных всплывающих окон. Каждое всплывающее окно имеет форму, в которой я получаю пользовательский ввод. Когда я нажимаю первую кнопку отправки, я получаю значения, но когда пользователь нажимает на кнопку поиска дополнительных сведений, чтобы заполнить второе или третье всплывающее окно, когда он нажимает кнопку Отправить. кнопка, формы внезапно исчезают, как будто они отправляют.

Я использую классы, я относительно новичок в сценарии java, но я чувствую себя довольно разочарованным после попытки этого в течение нескольких дней.

Кто-то, пожалуйста, помогите.

Код доступен здесь https://codesandbox.io/s/charming-sun-l4qo9?fontsize=14&hidenavigation=1&theme=dark

Answer 1

Вы должны просто прослушать событие submit (см. Раздел Справочник по событиям ). В js нет события submit-two или submit-three.

Поэтому попробуйте избавиться от параметра submit в конструкторе ModalPopUp и измените следующую строку:

.addEventListener(this.submit, this.validate)

на:

.addEventListener('submit', this.validate)