Panel Validation with Rule Editor

Question

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,

smacdonald2008 · Accepted Answer

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-determination

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

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

smacdonald2008 · Answer

"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.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded