Блог

Я создаю страницу формы с помощью Webflow, которую я подключил с помощью формы «подписаться» из Mailchimp. Я хотел бы добиться того, чтобы, когда пользователь вставляет адрес электронной почты, если форма успешно отправлена, отображалась другая часть страницы (путем скрытия div, который изначально охватывает всю страницу). Чтобы проверить, успешна ли форма, я ищу видимость определенного div с классом «success-message-2», который получает «display: block;» при отправке формы, но, похоже, мой javascript никогда не сможет нацелиться на этот div. это код, который я написал

 $('.submit-btn').on('click',function(){  if (document.querySelector(".success-message-2").style.display == 'block'){  // form submitted successfully   // do something  } });  

но, очевидно, я никогда не смогу нацелиться на этот класс. Поэтому я подумал, что это может быть проблема со временем, поэтому я написал цикл, который проверяет каждые 10 мс, но опять же я никогда не вижу ни одного журнала моей консоли внутри if.

 function checkForm(){  if (document.querySelector(".success-message-2").style.display == 'block'){  // form submitted succsefully   // do something  }   setTimeout("checkForm()",10); } checkForm();  

Можете ли вы помочь мне понять, что я делаю не так? Есть ли какой-то блок с тех пор в формах Mailchimp?