Solved
How to add validators for letters check?
How to add validators in a multifield with two textfields such that it only accepts letters in the fields? Possibly using js
Hi @vodjakxa ,
I'd suggest using Field Validation in Granite UI: https://developer.adobe.com/experience-manager/reference-materials/6-5/granite-ui/api/jcr_root/libs/granite/ui/components/coral/foundation/clientlibs/foundation/js/validation/index.html
Example of JS client library (categories: cq.authoring.dialog.all):
(function ($, window) {
const registry = $(window).adaptTo("foundation-registry");
registry.register("foundation.validation.validator", {
selector: "[data-validation=letter-match]",
validate: function (el) {
const element = $(el);
const letter = element.data('letter');
const value = element.val();
if (value.length !== 0 && letter && !value.includes(letter)) {
return "The field must contain letter: " + letter;
}
}
});
})
(jQuery, window);
Example of usage in dialog:
<myField
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Some description"
fieldLabel="Some label"
name="./myField"
validation="letter-match">
<granite:data
jcr:primaryType="nt:unstructured"
letter="A"/>
</phone>
Best regards,
Kostiantyn Diachenko.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.