Gravity Forms Javascript 当用户位于多页表单的特定页面时挂钩触发脚本

Question

我有一个用重力表单创建的多页表单。这是我用于生成潜在客户的表格，最后一步询问用户的姓名、电子邮件和 phone 号码。

在询问用户个人信息之前的倒数第二步中，有一个页面带有“正在加载”gif 微调器和动画文本“搜索报价”。

我需要帮助为倒数第二页设置一个 javascript 代码，当用户在 6.5 秒后进入带有加载 gif 的该页面时，它会自动单击隐藏的页面下一步按钮以获取用户到最后一页询问他们的个人信息。

我正在使用下面的代码，它仅在用户使用鼠标或鼠标垫手动单击并单击倒数第三页时才有效。如果用户在倒数第三页输入详细信息并按下键盘上的回车键或 return 键，代码不会触发。

我不太熟悉 Javascript。刚开始学习。

我知道有一个引力形式 javascript gform_page_loaded，但这似乎会在每个页面上触发代码，而不仅仅是当倒数第二页位于用户视口中时。请帮忙

参见下面的代码

<script type="text/javascript">

const btnSearchMortgage = document.getElementById("gform_next_button_13_16");

btnSearchMortgage.addEventListener("click", function () {

setTimeout(function () {

document.getElementById("gform_next_button_13_9").click();

}, 6500);

});
</script>

Answer 1

gform_page_loaded 是必经之路。您可以使用它传递给给定表单页面上的仅触发代码的 currentPage 参数。

jQuery( document ).on( 'gform_page_loaded', function( event, formId, currentPage ) {
    if ( currentPage == 2 ) {
        // bind your custom event
    } 
} );

Gravity Forms Javascript 当用户位于多页表单的特定页面时挂钩触发脚本

Gravity Forms Javascript Hook To Fire Script When User is on Specific Page on Multipage Form

javascript

gravityforms