WebForm custom validation D365 Portal - webFormClientValidate

(0) Share

Report

Posted on by CRMKen

I am trying to add custom validation to a Web Step on one of my Web Forms in a Dynamics Portal app. I have 2 email fields, the second is a confirmation field, so it needs to match the first field.

if (window.jQuery) {

(function ($) {

if (typeof (webFormClientValidate) != 'undefined') {

var originalValidationFunction = webFormClientValidate;

if (originalValidationFunction && typeof (originalValidationFunction) == "function") {

webFormClientValidate = function() {

originalValidationFunction.apply(this, arguments);

if($("#cfsin_workemail").val() != $("#cfsin_confirmemail").val()){

return false;

}else{

return true;

}

};

}

}(window.jQuery));

}

https://docs.microsoft.com/en-us/powerapps/maker/portals/configure/add-custom-javascript

Unfortunately, it's like the JS is ignored. I am able to add JS to other Web Steps and it's executed as expected. I'm at a bit of a loss since this is pretty much straight from Microsoft, it should be fairly straight forward.

I have the same question (0)

All responses (4)

Answers (0)

cloflyMao 25,210 on at

Like (0)

Report

Hi CRMKen,

Where did you add javascript code?

Did you add the code in Web Page > Advanced > Custom Javascript section directly?(1)

And you said that you JS could execute in other Web Steps, so did you add code in Web Form Step > Form Options > Custom Javascript?

You may notice red circle 2 in my first screenshot, that's Localized Contents,

when I opened the localized content web page record, it seems that it's still same form, but actually the form has changed from "Information" to "Content Page",

and sections of Custom Javascript and Custom CSS are blank, so there would be a separate setting to add custom code/CSS for web page.

Advanced tab has become the second tab:

After I applied code to "Custom Javascript" section and custom css rules to "Custom CSS section" in Content Page form of Web Page,

both validation code and custom CSS work.

I remember I once met a user who had a similar issue to you, and the answer in that thread is to add code in localized content record of web page.

In addition, before giving a try, I suggest you could refresh Portal cache by clicking Browse website button in make.powerapps.com to exclude impact of cache.

Regards,

Clofly

Was this reply helpful? Yes No
CRMKen 5 on at

Like (0)

Report

Hi Clofly,

Thanks for your reply. I have tried adding the code pretty much everywhere. I have added it directly to the Web Step, to the Web Page and to the Localized Content. Being in Canada, we have localized content for both English and French and I have added the code in both. I have also been using both the Syn and Browse options from make.powerapps.com. I still don't get anything, no error but no validation either, it completely ignores the JS.

Was this reply helpful? Yes No
cloflyMao 25,210 on at

Like (0)

Report

Hi CRMKen,

Could a simple alert function be executed?

Regards,

Clofly

Was this reply helpful? Yes No
CRMKen 5 on at

Like (0)

Report

I added several alerts to follow the execution of the code. I can now see the issue is that webFormClientValidate is undefined but I can't find anything about why it would be undefined or how to fix it.

Was this reply helpful? Yes No