Как исправить дублирование заявок c формы Contact Form 7?

Question

[Икотий Айтишевич]

При отправке формы некоторые заявки дублируются. Форма сделана правильно, подключена интеграция с reCAPTCHA, после формы происходит переход на страницу thank you page. Но иногда заявки дублируются и приходит два письма при отправке формы.

Comments

[Антон Литвиненко]

раз все сделано правильно, значит исправлять нечего

Answer 1

[gogowq]

document.addEventListener( 'wpcf7submit', function( event ) {
    var status = event.detail.status;  
    console.log(status);  
    //if( status === 'validation_failed'){
        jQuery('.wpcf7-submit').val("Send");
    //}    
}, false );

jQuery('.wpcf7-submit').on('click',function(){
    jQuery(this).val("Submitting....");
});

Answer 2

[Дмитрий]

Смотрите. Возможно где-то вы продублировали код. Вот вопрос похожий на ваш https://www.cyberforum.ru/wordpress/thread2430363.html

Answer 3

[Андрей Корехов]

Сталкивался с такой ситуацией когда несколько раз подряд жмали на кнопку отправить и при этом скрипт притормаживает. (От некоторых постоянных клиентов по 3-4 заявки за раз стабильно падало)
Варианты решения с фронта - добавить к обработчику обнуление формы после сабмита, отключить кнопку что бы не было дублирование клика
Варианты с бэка - проверять некий ключ формы на уникальность или поле с уже существующими заявками.

Answer 4

[WebGamesEngine]

Сегодня столкнулся с такой штукой, открываю 5 одинаковых вкладок в браузере с формой сброса пароля к одному и тому же сайту. Заполняю одну из них и отправляю. На почту приходит столько писем, с ссылкой для сброса пароля, сколько было открыто вкладок. При этом каждое письмо имеет разные токены. Рабочее письмо будет то которое, было сформировано и отправлено последним, так как в базе данных записан именно токен с последнего письма, перезаписав предыдущие токены. Я думаю этот неприятный момент может быть и в вашем случае. Клиент может быть открыл в браузере две вкладки с формой заявки, одну заполнил и отправил. А во второй вкладке произошло автозаполнение и произошёл субмит формы. Этот случай можно исправить добавив проверку активности вкладки браузера jQuery('.wpcf7-submit').on('click',function(){ if (!document.hidden){ console.log("вкладка браузера открыта"); }}