FormSubmit.co配置后未自动加载reCAPTCHA故障求助

FormSubmit.co reCAPTCHA默认不加载故障排查步骤 #

• 校验表单基础配置
  首先核查form标签action属性是否存在拼写错误，确认未在action路径末尾添加_no_captcha后缀（部分建站工具会自动拼接参数导致该后缀被意外添加），同时确认表单未设置data-no-captcha自定义属性，这两个操作都会主动关闭reCAPTCHA验证。
• 排查Monstroid模板兼容性冲突
  Monstroid模板默认内置表单优化、第三方脚本拦截规则，是该场景下最高概率的冲突来源：
  • 临时关闭模板自带的表单美化、内置防垃圾提交功能，禁用模板的第三方脚本加载拦截规则后刷新页面试效
  • 打开浏览器开发者工具的控制台标签页，核查是否存在reCAPTCHA脚本加载失败、跨域、被拦截的报错，如有则将reCAPTCHA相关脚本域名添加到模板的脚本白名单中
• 排除第三方插件干扰
  临时禁用所有安全类、缓存类、表单处理类插件，排除第三方插件拦截reCAPTCHA脚本、篡改表单结构的可能，逐个启用插件定位具体冲突源。
• 最简用例验证
  在页面新增一个仅包含基础字段、完全照搬官方最简示例的测试表单，排除原联系页自定义代码、模板样式对表单结构的修改干扰：如果测试表单可正常加载reCAPTCHA，即可判定故障由原联系页的自定义代码或样式冲突导致。

内容的提问来源于stack exchange，提问作者sara