nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Validate multiple fields in DCT

JoeS

We're adding a basic text field in a DCT for a compliance code. We also have a drop-down field that the user would select if there's no compliance code. What's the best way to validate that one of the two fields has a value while the other field can remain empty? Thanks.

[size=1][color=#0000ff]

[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]item[/color][/size][size=1][color=#ff0000] name[/color][/size][size=1][color=#0000ff]="[/color][/size]ComplianceCode[size=1][color=#0000ff]">
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>[/color][/size]Compliance Code[size=1][color=#0000ff][/color][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]text[/color][/size][size=1][color=#ff0000] size[/color][/size][size=1][color=#0000ff]="[/color][/size]25[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] maxlength[/color][/size][size=1][color=#0000ff]="[/color][/size]25[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] validation-regex[/color][/size][size=1][color=#0000ff]="[/color][/size]^[a-zA-Z\d]{1}[size=1][color=#0000ff]"/>
[/color][/size][size=1][color=#0000ff][/color][size=1][color=#800000][/color][/size]
[size=1][size=1][color=#0000ff]
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]item[/color][/size][size=1][color=#ff0000] name[/color][/size][size=1][color=#0000ff]="[/color][/size]ComplianceCodeReason[size=1][color=#0000ff]">
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>[/color][/size]Compliance Code Reason[size=1][color=#0000ff][/color][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]select[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]option[/color][/size][size=1][color=#ff0000] value[/color][/size][size=1][color=#0000ff]="[/color][/size]not required[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] label[/color][/size][size=1][color=#0000ff]="not required[/color][/size][size=1][color=#0000ff]"/>[/color][/size][size=1][color=#0000ff]
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]option[/color][/size][size=1][color=#ff0000] value[/color][/size][size=1][color=#0000ff]="[/color][/size]na[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] label[/color][/size][size=1][color=#0000ff]="[/color][/size]na[size=1][color=#0000ff]"/>
[/color][/size][size=1][color=#0000ff][/color][size=1][color=#800000][/color]
[size=1][size=1][size=1][color=#0000ff]

[/color][/size]

[/size][/size][/size][/size][/size]
[/size][/size][/size]

Find more posts tagged with

Comments

vpatel

Write some FormAPI code -- typically you do it onSave but you can look at other events as well -- that will validate this.

One way to do it could be: by default, you can set both of these fields to "not required" and then "onSave" you can validate that at least one of them has some value in it.

ISCBorisB

We're adding a basic text field in a DCT for a compliance code. We also have a drop-down field that the user would select if there's no compliance code. What's the best way to validate that one of the two fields has a value while the other field can remain empty? Thanks.

[/size][/size][/size][/size][/size]
[/size][/size][/size]

Personally, I like to do this sort of things through FormAPI. You write required validation routines and activate
them on certain Events.

There are basically two approaches, validate onItemChange and upon onSaveValid (or another Save Event). Other things
being equal, I prefer the latter method. onItemChange validation is fine for the single item. With multiple related items
validation can make it ugly for the Author to modify (Typical reaction to the Error message" "I know, I can not change
both of them simultaneously!")

JoeS

Thanks. FormAPI was the way to go.

I changed the code in the DCT to this:

[size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]item[/color][/size][size=1][color=#ff0000] name[/color][/size][size=1][color=#0000ff]="[/color][/size]ComplianceCodeSettings[size=1][color=#0000ff]">
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>[/color][/size]Compliance Code Settings:[size=1][color=#0000ff][/color][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]radio[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]option[/color][/size][size=1][color=#ff0000] value[/color][/size][size=1][color=#0000ff]="[/color][/size]0[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] label[/color][/size][size=1][color=#0000ff]="[/color][/size]Code[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] selected[/color][/size][size=1][color=#0000ff]="[/color][/size]t[size=1][color=#0000ff]"/>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]option[/color][/size][size=1][color=#ff0000] value[/color][/size][size=1][color=#0000ff]="[/color][/size]1[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] label[/color][/size][size=1][color=#0000ff]="[/color][/size]None[size=1][color=#0000ff]"/>
[/color][/size][size=1][color=#0000ff][/color][size=1][color=#800000]radio[/color][/size][size=1][color=#0000ff]>[/color][/size]

[size=1][color=#0000ff][/color][size=1][color=#800000]item[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]item[/color][/size][size=1][color=#ff0000] name[/color][/size][size=1][color=#0000ff]="[/color][/size]ComplianceCode[size=1][color=#0000ff]">
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>[/color][/size]Compliance Code[size=1][color=#0000ff][/color][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]text[/color][/size][size=1][color=#ff0000] size[/color][/size][size=1][color=#0000ff]="[/color][/size]25[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] maxlength[/color][/size][size=1][color=#0000ff]="[/color][/size]25[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] validation-regex[/color][/size][size=1][color=#0000ff]="[/color][/size]^[a-zA-Z\d]{1}[size=1][color=#0000ff]"/>[/color][/size][size=1][color=#0000ff][/color][size=1][color=#800000]item[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]item[/color][/size][size=1][color=#ff0000] name[/color][/size][size=1][color=#0000ff]="[/color][/size]ComplianceCodeReason[size=1][color=#0000ff]">
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>[/color][/size]Compliance Code Reason[size=1][color=#0000ff][/color][size=1][color=#800000]label[/color][/size][size=1][color=#0000ff]>
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]select[/color][/size][size=1][color=#ff0000] multiple[/color][/size][size=1][color=#0000ff]="[/color][/size]f[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] size[/color][/size][size=1][color=#0000ff]="[/color][/size]1[size=1][color=#0000ff]">
[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]option[/color][/size][size=1][color=#ff0000] value[/color][/size][size=1][color=#0000ff]="[/color][/size]1[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] label[/color][/size][size=1][color=#0000ff]="[/color][/size]1[size=1][color=#0000ff]"/>[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]option[/color][/size][size=1][color=#ff0000] value[/color][/size][size=1][color=#0000ff]="[/color][/size]2[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] label[/color][/size][size=1][color=#0000ff]="[/color][/size]2[size=1][color=#0000ff]"/>[/color][/size][size=1][color=#0000ff]<[/color][/size][size=1][color=#800000]option[/color][/size][size=1][color=#ff0000] value[/color][/size][size=1][color=#0000ff]="[/color][/size]3[size=1][color=#0000ff]"[/color][/size][size=1][color=#ff0000] label[/color][/size][size=1][color=#0000ff]="[/color][/size]3[size=1][color=#0000ff]"/>[/color][/size][size=1][color=#0000ff][/color][size=1][color=#800000]select[/color][/size][size=1][color=#0000ff]>[/color][/size][size=1][color=#0000ff][/color][size=1][color=#800000]item[/color][/size][size=1][color=#0000ff]>[/color][/size]

I added these event handlers:

// event handlers for compliance fields
IWEventRegistry.addItemHandler("/ComplianceCodeSettings", "onItemChange", complianceCodeChanged);
IWEventRegistry.addItemHandler("/ComplianceCode", "onItemChange", complianceCodeChanged);
IWEventRegistry.addItemHandler("/ComplianceCodeReason", "onItemChange", complianceCodeChanged);

And I added this function in an include js file to handle the validation:

function complianceCodeChanged (item) {
var selection = item.getValue();
switch (selection) {
case 0:
IWDatacapture.getItem("/ComplianceCodeSettings").setRequired(true);
IWDatacapture.getItem("/ComplianceCode").setRequired(true);
IWDatacapture.getItem("/ComplianceCodeReason").setRequired(false);
break;
case 1:
IWDatacapture.getItem("/ComplianceCodeSettings").setRequired(false);
IWDatacapture.getItem("/ComplianceCode").setRequired(false);
IWDatacapture.getItem("/ComplianceCodeReason").setRequired(true);
break;
}
}

[/size][/size][/size][/size][/size][/size][/size][/size]

Adam Stoller

I think you may to do some more testing.
Based on what you posted as your DCT and FormAPI code - I don't believe the code works exactly like you think it does.