Adding restriction to the comment field

Question

How to add minimum characters restriction for the "Step Back Item" comment field in the aem/inbox.I overriden the comment field but when i try to add js it is not reflecting.I am using AEM 6.5 version

konstantyn_diachenko · Accepted Answer

Hi @helptech ,

Does your /apps/cq/inbox/content/inbox/dialogs/clientlib-inbox have jcr:primaryType="cq:ClientLibraryFolder" ? Does it have js.txt that references your js file?

If yes, please try to rebuild clientlibraries via http://localhost:4502/libs/granite/ui/content/dumplibs.html.

Best regards,

Kostiantyn Diachenko.

konstantyn_diachenko · Answer

Hi @helptech ,

Could you please provide more details how you add clientlibs (categories) and validation code?

I checked this code and would suggest you to create clientlibrary with categories=[cq.inbox.gui.validation].

Please, use Granite UI JS validation to validate your field.

Example of node (overlay /apps/cq/inbox/content/inbox/dialogs/workitemcompletedialog/items/form/items/comment):

<comment
    jcr:primaryType="nt:unstructured"
    fieldLabel="Comment"
    name="comment"
    rows="4"
    sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
    validation="textarea.min-length">
   <granite:data jcr:primaryType="nt:unstructured" min-length="5"/>
</comment>

Example of JS code:

(function(window, $, Granite) {
    "use strict";

    $(window).adaptTo("foundation-registry").register("foundation.validation.validator", {
        selector: "[data-foundation-validation~='textarea.min-length']",
        validate: function(el) {
            var v = el.value;
            var minLength = $(el).data("minLength");

            if (minLength) {
               return;
            }
            
            return v && v.length < minLength ? Granite.I18n.get("Your validation message") : null;
        }
    });
})(window, Granite.$, Granite);

Best regards,

Kostiantyn Diachenko.

Sign up

Login with SSO

Login to the community

Login with SSO