Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

Panel Validation with Rule Editor

Avatar

Level 3

Hi I am working on a wizard based form in AEM. 

As per the requirement I have to validate fields in panel before moving to the next panel. 

I am using Rule Editor for JS validations. I am not sure how to validate the panel with rule editor. As per adobe it should be called for "Step Completion Expression". I am not able to find this expression with Rule Editor. I tried following on click of a button 

if(window.guideBridge.validate([],this.panel.navigationContext.currentItem.somExpression))

{

//Move to next panel

}

But this is returning true always and my panel is not validating, 

1 Accepted Solution

Avatar

Correct answer by
Level 10

You can use Adative forms to create repeating sections (I was thinking form components on my 1st answer here)

See this topic: https://helpx.adobe.com/aem-forms/6/creating-forms-repeatable-sections.html

Here is a sample for this functionality:

http://localhost:4502/aem/formdetails.html/content/dam/formsanddocuments/geometrixx-gov/hardship-det...

As an alternative - you can create a custom component that would function as: 

http://www.jquery-steps.com/Examples#advanced-form

View solution in original post

3 Replies

Avatar

Level 10

"I have to validate fields in panel before moving to the next panel"

Are you using a JQeury plug-in to perform this use case.  I would look for a JQuery plugin and then use a client lib to write script to perform your validation requirements.

We had a similair use case when user wanted to write a QUIZ component. That is- they answered a set of questions and then it moved to next screen. The solution was to write a custom QUIZ component using JQuery plugin. 

Developing a custom Adobe Experience Manager Quiz Component

In your use case - i would look at something like this: 

http://www.jquery-steps.com/

We can add this to the communtiy list of articles if you want. 

Avatar

Level 3

Thanks for your reply. 

I am not using JQuery plugin. Is there any way from AEM out of the box ?

Avatar

Correct answer by
Level 10

You can use Adative forms to create repeating sections (I was thinking form components on my 1st answer here)

See this topic: https://helpx.adobe.com/aem-forms/6/creating-forms-repeatable-sections.html

Here is a sample for this functionality:

http://localhost:4502/aem/formdetails.html/content/dam/formsanddocuments/geometrixx-gov/hardship-det...

As an alternative - you can create a custom component that would function as: 

http://www.jquery-steps.com/Examples#advanced-form