AEM站点页面上禁用了“自适应表单提交”按钮

将自适应表单嵌入到AEM站点页面时,由于JavaScript依赖项缺失或未初始化,提交 按钮保持禁用状态。 预览独立表单时未出现此问题。 即使是具有最小字段的简单表单也显示相同的行为。 要解决此问题,请确保正确加载所有必需的脚本和客户端库。

描述 description

环境

Adobe Experience Manager (AEM),v6.5 - Forms

问题/症状

  • 将自适应表单嵌入到站点页面中时, Submit 按钮保持禁用状态。
  • 元素检查显示: 按钮在必需的JS初始化之前被禁用
  • 即使进行了最低限度的表单设置,日志中也不会显示任何错误。
  • 即使基本表单仅包含文本字段和按钮,也会出现问题。
  • 表单初始化所需的脚本无法正确加载。

解决方法 resolution

要解决此问题,请执行以下步骤:

  1. 确定部署是使用AEM Forms as a Cloud Service还是内部部署(JEE或OSGi)。

  2. 通过检查WCM核心组件和自适应Forms核心组件的版本来验证组件兼容性。 确认core.wcm.components.versioncore.forms.components/af.version是最新的。

  3. 检查您的站点项目设置,因为这会导致脚本初始化问题:

    1. 确保在嵌入式页面中包含并正确加载自适应Forms功能所需的所有脚本。 请参阅将自适应表单嵌入到AEM站点页面
    2. 打开页面模板,然后从顶部边栏菜单中选择 页面策略
    3. 属性> 客户端库 部分,添加客户端库引用: core.forms.components.runtime.all
  4. 测试嵌入简单表单(例如,单个文本字段和按钮),以确定问题与特定表单还是更广泛的配置有关。

  5. 如果适用,请检查内容包,了解与表单和脚本相关的依赖项或错误配置是否缺失。

相关阅读

AEM核心组件指南中的提交按钮组件

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f