提交表单时,页面滚动到顶部仅针对特定情况,而无需勾选“我不是机器人” reCaptcha

问题描述

我正在尝试通过BoostrapMade的网站模板在reCaptcha上实现Quform。

该表单有5个字段,即姓名,电子邮件主题,联系电话和消息,然后是(“我不是机器人”)reCaptcha验证复选框,然后是“发送”按钮。

所有字段和reCaptha复选框都必须按照字段格式(quform处理并验证此格式)填写,然后才能成功提交表单。如果提交的表单的字段为空或以错误的文本格式输入,则在按下“发送”按钮时,表单将被处理,并且错误The error in form is illustrated in the image将在每个字段下方返回,表明该字段是必填字段,或者无效的字段格式,并且带有错误的表格将显示页面上与提交之前完全相同的位置(有时带有抖动)。

问题仅在于以下情况:我们正确填写了每个字段,但是未选中用于验证验证码(验证“我不是机器人”)的复选框(即未验证reCaptcha),然后点击“发送”按钮,页面开始处理表单,然后在过程结束时将页面滚动到页面顶部。 the error case when the page scrolls to the top after form submission is illustrated,this the form that we see in the illustration is when we scroll to the bottom after the submission要查看显示的“必填”错误reCaptcha,我们需要一直滚动到实现表单的底部。现在,如果我们选中reCaptcha复选框,则表单将在检查(验证)reCaptcha之后提交,而不会出现任何问题。 -问题是这种情况下滚动到页面顶部。

提交表单后,将页面滚动到顶部的问题仍然存在。仅在一种情况下,当reCaptcha是唯一一个未填写的复选框(未选中复选框),并且所有其他字段都已填写带有正确的条目。

问题可以在此测试页上看到-http://edmconsulting.in/re-Captcha.html

我已经在其他网站模板上成功实现了带有reCaptcha的Quform,但是带有reCaptcha验证的quform在此特定模板上的作用很奇怪,我不确定滚动的原因是什么。

我是一个业余爱好者,感谢您的帮助

预先感谢

乔治

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)