2017-09-04 3 views
-3

두 번 클릭 할 때 이중 양식 제출을위한 Javascript 코드가 필요합니다. 스크린 샷을 참조하십시오. 그냥 화면 판독기의 텍스트이고 플러그인의 CSS에 의해 숨겨져 야으로 https://www.screencast.com/t/3SQ76CMVail감사 메시지가 연락처 양식 7에 두 번 표시됩니다. WordPress 사이트

<script> jQuery(document).on('click', '.wpcf7-submit', function(e){ 
if(jQuery('.ajax-loader').hasClass('is-active')) { 
e.preventDefault(); return false; } 
    }); 
    </script> 
+0

이미지에 표시된 웹 사이트에서 방금 시도했는데 "메시지를 보내 주셔서 감사합니다. 성공적으로 전송되었습니다."라는 단일 메시지와 함께 문제없이 나와 작동합니다. – user8230352

+0

두 번 클릭하면 표시됩니다. 화면 캡처를 참조하십시오. https://www.screencast.com/t/3SQ76CMVail 나는 header.php에서 솔루션 동생, 그냥 추가 된 코드를 발견 – HarshSigma

+0

HarshSigma

답변

2

첫 번째 메시지 표시 할 수 없습니다. 어쩌면 어떻게 든 일부 CSS가 누락되었을 수 있습니다.

그러나 맞춤 설정 도구의 맞춤> CSS에 추가 할 수 있습니다.

.screen-reader-response { 
    display: none; 
} 

두 번째 우선, 당신은 CF7에서 중복 제출을 방지하기 위해이 link을 참조 할 수 있습니다.

희망이 도움이 될 것입니다. 감사.

+0

https://www.screencast.com/t/3SQ76CMVail – HarshSigma

0

제출자가 여러 개인 경우 양식의 보내기 또는 제출 버튼을 클릭 한 직후에 확인 메시지가 표시되지 않으면 사용자가 생성합니다. 때때로이 문제는 느린 양식 제출과 관련이 있습니다.이 양식은 웹 사이트 개발자가 제어 할 수없는 서버 관련 문제에 더 가깝습니다. 일부 사이트에서는 JavaScript를 사용하여 전송 또는 제출 버튼을 비활성화 할 수 있지만 WordPress에서 플러그인을 사용할 때는 옵션이 아닙니다. 컨택트 폼 7 메시지는 JQuery에 크게 의존한다. 다른 대안이 없다면 플러그인이나 WordPress 코어 코드는 수정되어서는 안된다.

해결 방법 1 :

각 문의 양식 7 편집기 페이지의 추가 설정 섹션에 추가되는 코드의 짧은 조각이 있습니다. 이 섹션은 작성된 각 양식의 편집기 페이지 맨 아래에 있습니다.

on_sent_ok : "location = 'http://www.mywebsite.com/request-submitted/';"

확인 메시지가 포함 된 페이지를 만듭니다. 양식을 제출하면 사용자가이 페이지로 리디렉션됩니다.

해결 방법 2 :

, CF7 멀티 클릭 (https://wordpress.org/plugins/stop-cf7-multiclick/)를 제한 내가 플러그인을 어떻게 사용합니까에 FAQ 섹션을 참조하기위한 플러그인이있다?

+0

https://www.screencast.com/t/w5X3zItMSN0 플러그인은로드 중입니다. 양식을 제출하지 않습니다. – HarshSigma

+1

Opp 's 그럼 captcha를 사용하여 멀티 클릭을 방지하기 위해 다른 방법을 시도해 볼 수 있습니다. captchca 통합 (https://wordpress.org/plugins/brandcaptcha-cf7/) 용 무료 플러그인이 많이 있습니다. – krishnaraj

+0

나는 해결책 형제를 발견했다. header.php에 코드를 추가했다. HarshSigma