Client Side Validation onchange event
The use case is performing validation on a form after a user updates the value. I have followed the steps suggested by Pega's Client-side validation with Javascript but am stuck. Here is what I have done so far:
Created a js text file
Referenced the text file on the proper harness
Write the correct logic to determine if the value is valid or not. I have proven that it has worked with logging the tests in the browser.
-----------------------------------------
I am unsure of how to use the Javascript functions in the pega_validators and csvalid text files. What I have tried is making a "validation object" which consists of the input element and the error message and passing this object to the function display_getValidationError (from pega_validators) but this is not creating the necessary elements in the DOM to show the error as Pega would for an empty required field (example).
Does anyone have experience replicating field-level errors using Javascript?
Thanks
Accepted Solution
Updated: 14 Jun 2021 7:38 EDT
Pegasystems Inc.
IN
You can call activity with on change event on the text input and use Property-Set-Message method to set the error message on a particular property. (Instead of using custom JS)
Pegasystems Inc.
FR
Hello,
Do you really need custom JS for this? What are you trying to validate exactly on which Pega version? Nothing on the UI Gallery doing this already or something similar?
Srclogic LLC
US
Version: Pega 8.1
I wanted to show the error before the form is submitted while the user is still working. I am checking one property against two other properties, one that holds a comparator (<, >, or =) and another that holds a numerical value. I can achieve this with a when rule and a label (attached picture), but ideally the Pega error should be displayed for uniformity (includes label formatting and error icon).
Accepted Solution
Updated: 14 Jun 2021 7:38 EDT
Pegasystems Inc.
IN
You can call activity with on change event on the text input and use Property-Set-Message method to set the error message on a particular property. (Instead of using custom JS)