Support Article

Adding a custom client-side validation to a screen flow



A custom client-side validation is required on a screen flow, so that the user cannot navigate away using the breadcrumb links while there are still errors on the screen.

Error Messages

Not Applicable

Steps to Reproduce

Not Applicable

Root Cause

An issue in the custom application code or rules.


Perform the following local-change:

Copy the "NestedTabbedNavagation7" (Work-) section rule to your ruleset and on the HTML tab, replace the contents of the "HTML SOURCE" field with the following:
<pega:include type="Rule-Obj-HTML" name="NestedTabbedNavigation7"/>
function doFormSubmitCallback() {
var errorsInThisScreen = $("#PegaRULESErrorFlag");
if(errorsInThisScreen && errorsInThisScreen.length > 0 ) {
 return false;
return true;


Published November 2, 2016 - Updated November 30, 2016

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.