This tutorial explains the approach to enable custom validation on multifield Touch UI.
We are going to enable the email validation for the email filed defined inside multifield through custom script.
As a first step, define a dialog with multi fields. The XML structure of the sample dialog.
Enable the validation for Email
Let us now enable the validation for email fields — the email id field is validated for valid email id. The form should not be submitted if there are at least one email filed is entered with invalid email address.
The email fields should be highlighted in different style for easy identification of validation errors.
Define a cq:ClientLibraryFolder node under the component with the name clientlibs and add the below properties.