感謝您的信息在聯繫表格中顯示兩次7 WordPress網站

-3

需要Javascript代碼以防止雙擊表單提交雙擊。查看截圖。 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>

來源

2017-09-04 HarshSigma

我剛剛在圖片上顯示的網站上試過它，它對我來說沒有任何問題，只有一條消息「謝謝你的消息，它已經發送成功了。」 – user8230352

當你雙擊它將被顯示。 https://www.screencast.com/t/3SQ76CMVail – HarshSigma

我已經找到了解決辦法的兄弟，在剛剛的header.php添加的代碼 – HarshSigma

第一條消息，因爲它只是屏幕閱讀器的文本，應由插件的CSS隱藏不應該顯示。也許某種方式失去了一些CSS。

但是，您可以在Customizer中的Custom> CSS下添加它。

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

的第二件事情，你可以參考這個link防止重複提交的CF7。

希望這對你有幫助。謝謝。

來源

2017-09-04 11:42:21

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

如果用戶單擊表單的發送或提交按鈕後沒有立即看到確認消息，則通常會由用戶生成多個提交。有時候，這個問題與緩慢的表單提交有關，這更多的是與網站開發人員無法控制的服務器相關問題。對於某些站點，可以使用JavaScript禁用「發送」或「提交」按鈕，但在使用WordPress插件時這不是一個選項。除非沒有其他選擇，否則插件和WordPress核心代碼都不應修改。聯繫表7消息嚴重依賴於JQuery。

解決方案1：

有被添加到每一個聯繫表7編輯頁面上的其他設置部分的代碼的一小段。您將在創建的每個表單的編輯器頁面底部附近找到此部分。

on_sent_ok：「location ='http://www.mywebsite.com/request-submitted/';」

創建一個包含確認消息的頁面。提交表單後，用戶將被重定向到此頁面。

解決方案2：

有一個插件來限制CF7多點擊（https://wordpress.org/plugins/stop-cf7-multiclick/），請參見常見問題解答部分如何使用該插件？

來源

2017-09-04 11:48:34 krishnaraj

https://www.screencast.com/t/w5X3zItMSN0 該插件只是加載，不提交表單。 – HarshSigma

Opp's，然後我們可以嘗試一些其他方式來防止使用captcha進行多點擊，有很多免費插件可用於capthca集成（https://wordpress.org/plugins/brandcaptcha-cf7/），它可以幫助您 – krishnaraj

jQuery（document）.on（'click'，'.wpcf7-submit'，function（e）{if（jQuery（'。ajax-1）'）我找到了解決方案兄弟，只是在header.php中添加了代碼。（）;）hasClass（'is-active'））{ e.preventDefault（）; return false; } }）; – HarshSigma

感謝您的信息在聯繫表格中顯示兩次7 WordPress網站

回答

相關問題