topic Re: Form field validation handler issue in Alfresco Forum

Form field validation handler issue

afielden — Fri, 25 Jan 2019 13:28:04 GMT

I'm hoping someone here can help out with this problem, because I've done everything as per the book, to use a Javascript function to validate a form field. Here's what I've done:Altered the share-config-custom.xml file, as follows:<forms> <dependencies> <js src="js/date-range-val

Re: Form field validation handler issue

sp2 — Fri, 25 Jan 2019 16:01:42 GMT

if you are using sdk3 then your javascript file should be at share/src/main/resources/META-INF/js location.

if you are using sdk then your javascript file should be at share/src/main/amp/web/js location.

Thanks,

Sanjay

Re: Form field validation handler issue

afielden — Fri, 25 Jan 2019 16:14:58 GMT

Hi Sanjay,

Thanks for your help here and on SO, I appreciate it. Yes this is very odd, I have tried placing my Javascript at both those locations, but so far the validator hasn't shown up in the browser.

Re: Form field validation handler issue

sp2 — Fri, 25 Jan 2019 16:28:59 GMT

does your form loaded properly?

Re: Form field validation handler issue

afielden — Fri, 25 Jan 2019 16:34:39 GMT

Ok let's try something else - how about attaching a validate function to the form's submit button? Is this possible using the form specification in the share-config-custom.xml file?

Re: Form field validation handler issue

afielden — Fri, 25 Jan 2019 16:35:19 GMT

Yes, the form is displayed correctly. Just encounters an error when I click on the field to be validated.

Re: Form field validation handler issue

sp2 — Fri, 25 Jan 2019 16:38:01 GMT

using share-config-custom.xml we can not do that.

Re: Form field validation handler issue

jpotts — Mon, 28 Jan 2019 16:23:26 GMT

Did you declare your client-side JavaScript file as a dependency in share-config-custom.xml?

That assumes your file is in src/main/resources/META-INF/resources/someco-core-share/js/some-validator.js.

Re: Form field validation handler issue

afielden — Mon, 28 Jan 2019 16:53:19 GMT

Hi Jeff. Thanks for taking an interest in my problem. Yes I do declare the dependency in share-config-custom.xml.

Just to double check, I created the same directory structure you suggest, and get the same problem. When I try to use my form, the browser's Javascript console displays an error because of the undefined "someco-core-share". Looking at the collection of Javascript sources, I don't see my validator listed.

So the form is trying to use my validator function, but the browser doesn't know anything about it.

Re: Form field validation handler issue

jpotts — Mon, 28 Jan 2019 17:02:11 GMT

As I pointed out in your cross-post on SO, you may be missing the enclosing "config" element which should be a parent of "forms". Can you confirm whether or not that is the case?

Also, an alternative to using share-config-custom.xml is to put all of your Share config into a Share module extension. I have a working example of a similar validator that used that approach, so if you don't get this working as-is, you might try that approach instead (although it really shouldn't make a difference).

Re: Form field validation handler issue

afielden — Tue, 29 Jan 2019 08:47:50 GMT

I do indeed have the config element in the XML.

Thanks for the alternate solution suggestion. Do you happen to have a link to your code please?

Re: Form field validation handler issue

jpotts — Tue, 29 Jan 2019 20:59:19 GMT

Okay, thanks for checking.

Alternative solution is to create an xml file under src/main/resources/alfresco/web-extension/site-data/extensions. Name it whatever you want, like validator.xml.

In that file you would put something like:

<modules>
        <module>
            <id>Someco Share Form Configuration</id>
            <version>1.0</version>
            <auto-deploy>true</auto-deploy>
            <configurations>
                <config>
                    <forms>
                        <dependencies>
                            <js src="/resources/someco-share/js/validator.js"/>
                        </dependencies>
                    </forms>
                </config>
                <config evaluator="node-type" condition="sc:doc">
                    <forms>
                        <form>
                            <field-visibility>
                                <show id="cm:name" />
                                <show id="cm:title" force="true" />
                                <show id="sc:someProp" />
                            </field-visibility>
                            <appearance>
                                <field id="cm:name">
                                    <control>
                                        <control-param name="maxLength">255</control-param>
                                    </control>
                                </field>
                                <field id="cm:title">
                                    <control template="/org/alfresco/components/form/controls/textfield.ftl" />
                                </field>
                                <field id="sc:someProp" label-id="form.field.label.sc.someProp" description-id="form.field.description.sc.someProp" help-id="form.field.help.sc.someProp">
                                    <constraint-handlers>
                                        <constraint type="scDateValidator" message-id="constraint.scDateValidation" validation-handler="SomeCo.forms.validation.scSomePropValidatior" event="onChange"/>
                                    </constraint-handlers>
                                </field>
                            </appearance>
                        </form>
</config>
</configurations>
</module>
</modules>
</extension>

Re: Form field validation handler issue

afielden — Wed, 30 Jan 2019 11:47:37 GMT

That is just awesome Jeff, you are a superstar! Using this approach, with minor modifications, the Javascript validator function is now visible in the browser, and is actually being called by my form. You're very welcome to post this answer up on SO, and I'll give you the rep points.

Thanks also to Sanjay Bandhniya for contributing.

Many thanks, I've been banging my head against this brick wall for days. I'd still love to know why the original config approach wasn't working.