Using CAPTCHA in adaptive forms

Search
Experience Manager 6.3 Forms User Guide

On this page

Applies to: Experience Manager 6.3 Forms

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

You're viewing help content for version:

CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) is a program commonly used in online transactions to distinguish between humans and automated programs or bots. It poses a challenge and evaluates user response to determine if it's a human or a bot interacting with the site. It prevents the user to proceed if the test fails and helps make online transactions secure by keeping bots from posting spam or malicious purposes.

AEM Forms supports CAPTCHA in adaptive forms. You can use any of the following approaches to implement CAPTCHA:

Note:

  • AEM Forms support only reCaptcha v2. Any other version is not supported. 
  • CAPTCHA in adaptive forms is not supported in offline mode on AEM Forms app.

CAPTCHA service by AEM

AEM offers CAPTCHA service that form authors can use to implement basic CAPTCHA functionality in adaptive forms. It does not require any additional configuration and is available out-of-the-box for use in adaptive forms. Also, see ReCAPTCHA service by Google if you require advanced CAPTCHA implementation in adaptive forms. 

The CAPTCHA service by AEM displays a widget with an alphanumeric string and a text box for user input. A user is required to type in the exact string in the box and submit the form within 60 seconds. The string refreshes every 60 seconds or when the user clicks the Reload button. The user input is validated by the AEM server on form submission. Errors are displayed below the CAPTCHA widget if the validation fails or user tries to submit the form without entering the string.

For information about using AEM CAPTCHA service in adaptive forms, see Using CAPTCHA in adaptive forms.

Note:

CAPTCHA in adaptive forms is not supported in offline mode on AEM Forms app.

ReCAPTCHA service by Google

Form authors can use the reCAPTCHA service by Google to implement CAPTCHA in adaptive forms. It offers advanced CAPTCHA capabilities to protect your site. For more information on how reCAPTCHA works, see Google reCAPTCHA.

To implement the reCAPTCHA service in AEM Forms:

  1. Obtain reCAPTCHA API key pair from Google. It includes a site key and secret.

  2. Configure the cloud service for reCAPTCHA.

    1. On your AEM author instance, go to > Deployment > Cloud Services.

    2. Look for the reCAPTCHA service under Third Party Services and tap Configure now. The Create Configuration dialog opens.

    3. Specify a title for the configuration, and tap Create. The Edit Component dialog for the configuration opens.

    4. In the Edit Component dialog, specify the site and secret keys obtained in step 1. Tap Save Settings and then tap OK to complete the configuration.

    Once the reCAPTCHA service is configured, it is available for use in adaptive forms. For more information, see Using CAPTCHA in adaptive forms.

Using CAPTCHA in adaptive forms

To use CAPTCHA in adaptive forms:

  1. Open an adaptive form in edit mode.

  2. From the component browser, drag-drop the Captcha component onto the adaptive form.

    Note:

    Using more than one Captcha component in an adaptive form is not supported. Also, it is not recommended to use CAPTCHA in a panel marked for lazy loading.

  3. Select the Captcha component you added and tap  to edit its properties.

  4. Specify a title for the CAPTCHA widget. The default value is Captcha. Select Hide title if you do not want title to appear.

  5. From the Captcha service drop-down, select one of the following services.

    • Default to enable CAPTCHA service by AEM.
    • reCaptcha to enable reCAPTCHA service by Google if you configured it as described in ReCAPTCHA service by Google. Select a configuration from the Settings drop-down. Also, select the size as Normal or Compact for the reCAPTCHA widget.

  6. Save the properties.

The CAPTCHA service is enabled on the adaptive form. You can preview the form and see the CAPTCHA working.