Контактная форма 7 submit без обновления страницы

Question

Я работаю на сайте Wordpress с плагином Contact Form 7. Когда кто-то нажимает на кнопку (триггер), контактная форма 7 открывается в всплывающем окне prettyPhoto. После нажатия кнопки «Отправить» всплывающее окно автоматически закрывается. Если при отправке формы есть некоторые ошибки, отправитель не видит ошибок, потому что всплывающее окно автоматически закрывается из-за обновления страницы.

Есть ли способ остановить закрытие всплывающего окна или остановить обновление страницы и всплывающее окно оставаться открытым после отправки формы, чтобы пользователь мог видеть ответ/ошибки формы?

Answer 1

РЕШЕНИЕ: Наконец-то я получил его. Обычно, когда мы используем Contact Form 7 на веб-страницах, функция инициализации формы ajax выполняется при загрузке страницы. В этом случае я должен использовать короткий код cf7 во всплывающем окне, поэтому форма html будет отображаться во всплывающем окне после щелчка по ссылке. (скрипты инициализации были загружены, но не инициализировали форму для ajax, потому что на этой странице не было формы). Решение - загрузить javascript-файлы cf7 и вызвать $ ('form'). Wpcf7InitForm(); функция после отображения формы.

\t $(".fancybox").fancybox({ 
 
\t \t 'padding'  : 0, 
 
\t \t 'maxWidth' \t \t : 660, 
 
\t \t 'autoHeight' : true, 
 
\t \t afterLoad: function() { \t 
 
\t \t \t $.getScript('http://domain.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js'); 
 
\t \t \t $.getScript('http://domain.com/wp-content/plugins/contact-form-7/includes/js/scripts.js'); 
 
\t \t \t $('form').wpcf7InitForm(); // Initialize form for AJAX 
 
\t \t \t $.fancybox.update(); 
 
\t \t \t return; 
 
\t \t }, 
 
\t }); \t