AEM站点页面上禁用了“自适应表单提交”按钮
将自适应表单嵌入到AEM站点页面时,由于JavaScript依赖项缺失或未初始化,提交 按钮保持禁用状态。 预览独立表单时未出现此问题。 即使是具有最小字段的简单表单也显示相同的行为。 要解决此问题,请确保正确加载所有必需的脚本和客户端库。
描述 description
环境
Adobe Experience Manager (AEM),v6.5 - Forms
问题/症状
- 将自适应表单嵌入到站点页面中时, Submit 按钮保持禁用状态。
- 元素检查显示: 按钮在必需的JS初始化之前被禁用。
- 即使进行了最低限度的表单设置,日志中也不会显示任何错误。
- 即使基本表单仅包含文本字段和按钮,也会出现问题。
- 表单初始化所需的脚本无法正确加载。
解决方法 resolution
要解决此问题,请执行以下步骤:
-
确定部署是使用AEM Forms as a Cloud Service还是内部部署(JEE或OSGi)。
-
通过检查WCM核心组件和自适应Forms核心组件的版本来验证组件兼容性。 确认
core.wcm.components.version和core.forms.components/af.version是最新的。 -
检查您的站点项目设置,因为这会导致脚本初始化问题:
- 确保在嵌入式页面中包含并正确加载自适应Forms功能所需的所有脚本。 请参阅将自适应表单嵌入到AEM站点页面。
- 打开页面模板,然后从顶部边栏菜单中选择 页面策略。
- 在 属性 中
>客户端库 部分,添加客户端库引用:core.forms.components.runtime.all。
-
测试嵌入简单表单(例如,单个文本字段和按钮),以确定问题与特定表单还是更广泛的配置有关。
-
如果适用,请检查内容包,了解与表单和脚本相关的依赖项或错误配置是否缺失。
相关阅读
AEM核心组件指南中的提交按钮组件。
recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f