Validation on core form components | Community
Skip to main content
K
kanikaa32870678
Level 2
January 18, 2024
Solved

Validation on core form components

  • January 18, 2024
  • 3 replies
  • 1312 views

Hi All,

 

I have used core form in my project and found that in out of the box core form text component there is no validation, I can able to put scripts as well in text and password fields. 

Can anyone suggest how can we enable the validation?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by kapil_rajoria

Hi, if you are able to write validation scripts for different fields in the form and the validation is not working then there might be an issue with your script (or) AEM might not be able to see your script.
In case, you think your script is right and you have used proper functions you can try with the following options:
1. add console and alert statements in the script and see if they are working
2. check the console in the browser for any js related errors
3. use the browser's inbuilt debugger to debug your js code

If AEM is not able to see your script, make sure you have put the js file at the right place. Use console and alert statements to make sure your script is working.

3 replies

kapil_rajoria
Community Advisor
kapil_rajoriaCommunity AdvisorAccepted solution
Community Advisor
January 18, 2024

Hi, if you are able to write validation scripts for different fields in the form and the validation is not working then there might be an issue with your script (or) AEM might not be able to see your script.
In case, you think your script is right and you have used proper functions you can try with the following options:
1. add console and alert statements in the script and see if they are working
2. check the console in the browser for any js related errors
3. use the browser's inbuilt debugger to debug your js code

If AEM is not able to see your script, make sure you have put the js file at the right place. Use console and alert statements to make sure your script is working.

    Raja_Reddy
    Community Advisor
    Raja_ReddyCommunity Advisor
    Community Advisor
    January 18, 2024

    Hi @kanikaa32870678 

    Here are the steps to enable validation for the text and password fields:

    1. Open the dialog of the Core Form component in AEM.
    2. Select the text or password field that you want to add validation to.
    3. In the properties of the field, go to the "Validation" tab.
    4. Enable the desired validation options such as "Required", "Minimum Length", "Maximum Length", etc.
    5. Configure the validation settings according to your requirements. For example, you can set a minimum and maximum length for the field, specify a regular expression pattern, or choose from predefined validation types.
    6. Save the changes to the dialog.

    Once you have enabled the validation for the text or password field, AEM will automatically validate the input based on the configured validation settings. If the input does not meet the specified criteria, an error message will be displayed to the user.
    https://experienceleague.adobe.com/docs/experience-manager-core-components/using/wcm-components/forms/form-text.html?lang=en

      kautuk_sahni
      Community Manager
      kautuk_sahniCommunity Manager
      Community Manager
      January 18, 2024

      @kanikaa32870678 Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

      Kautuk Sahni
      Terms & ConditionsAccessibility statement

      Loading footer...