Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.
SOLVED

Make a field required if selection is made from dropdown list

Avatar

Former Community Member

Hello,

Does anyone know of a way to make a field change from optional to required based on a selection made from a dropdown list?

For example I have a dropdown list that has option 1-3, and I have a hidden field that is optional. When option 3 is chosen the hidden field is visible, but I would also like it to be required before a submit of the form is possible.

Thanks in advance for any insight!

1 Accepted Solution

Avatar

Correct answer by
Former Community Member

You could put this code into your exit event of you drop-down list.. Just change TextField1 to your field's name and make sure the Language is set to JavaScript:

if (this.selectedIndex == 2){

TextField1.presence = 'visible';

TextField1.mandatory = "error";

TextField1.mandatoryMessage = "This field is mandatory!";

}

else {

TextField1.presence = 'hidden';

TextField1.mandatory = 'disabled';

}

View solution in original post

2 Replies

Avatar

Correct answer by
Former Community Member

You could put this code into your exit event of you drop-down list.. Just change TextField1 to your field's name and make sure the Language is set to JavaScript:

if (this.selectedIndex == 2){

TextField1.presence = 'visible';

TextField1.mandatory = "error";

TextField1.mandatoryMessage = "This field is mandatory!";

}

else {

TextField1.presence = 'hidden';

TextField1.mandatory = 'disabled';

}

Avatar

Former Community Member

Works like a charm! Thanks for the feedback!

The following has evaluated to null or missing: ==> liqladmin("SELECT id, value FROM metrics WHERE id = 'net_accepted_solutions' and user.id = '${acceptedAnswer.author.id}'").data.items [in template "analytics-container" at line 83, column 41] ---- Tip: It's the step after the last dot that caused this error, not those before it. ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign answerAuthorNetSolutions = li... [in template "analytics-container" at line 83, column 5] ----