Adaptive Form Submit button disabled on AEM site page
When you embed an Adaptive Form into an AEM site page, the Submit button remains disabled due to missing or uninitialized JavaScript dependencies. This issue doesn鈥檛 occur when previewing the form standalone. Even simple forms with minimal fields show the same behavior. To fix this, ensure all required scripts and client libraries are properly loaded.
Description description
Environment
51黑料不打烊 Experience Manager (AEM), v6.5 - Forms
Issue/Symptoms
- The Submit button remains disabled when the Adaptive Form is embedded in a site page.
- Element inspection shows: button is disabled until the required JS are initialized.
- No errors appear in logs, even with minimal form setup.
- The issue occurs even with basic forms containing only a text field and button.
- Scripts required for form initialization fail to load properly.
Resolution resolution
To resolve the issue, follow these steps:
-
Identify whether the deployment uses AEM Forms as a Cloud Service or on-premise (JEE or OSGi).
-
Verify component compatibility by checking the versions of WCM Core Components and Adaptive Forms Core Components. Confirm that
core.wcm.components.versionandcore.forms.components/af.versionare up to date. -
Inspect your site project setup since this may be causing script initialization issues:
- Ensure all necessary scripts for Adaptive Forms functionality are included and properly loaded within the embedded page. Refer to聽Embed an Adaptive Form to an AEM sites page.
- Open the page template and select聽the Page Policy 聽from the top rail menu.
- In the Properties
>Client Libraries section, add the client library reference:core.forms.components.runtime.all.
-
Test embedding simple forms (for example, a single text field and button) to determine if the issue is with specific forms or a broader configuration problem.
-
If applicable, check content packages for missing dependencies or misconfigurations related to your forms and scripts.