How to use JavaScript code for doing Validations inside section
I have a TextInput whose max length is of 20.
In case The User Types 15 letters and i need to make the text field color to red
I found out this code
document.getElementById("pyTextArea1").addEventListener("keyup", function(){
var element = document.getElementById("pyTextArea1");
var charMaxValue = element.getAttribute("maxLength");
var tempValue = element.value.replace(/\r/g,"");
console.log("MaxValue" + charMaxValue + " tempValue" + tempValue);
if((charMaxValue - tempValue.length) < 5){
$('.textAreaCharCounter').css("color","red");
}
else{
$('.textAreaCharCounter').css("color","grey");
}
});
Could you please let me know , what must be given in place of pyTextArea1?
Is this the Property name ?
Could you please tell me how can i use this code inside my screen ??
What are the steps need to be followed ? (Assuming my Harness is Perform) and my section name is CaptureDetails_Sec ??
***Updated by moderator: Lochan to update Categories***
Accepted Solution
PEG
US
You are looking to implement client-side validation. There already is a rich facility for doing this. Please review this document on the PDF: https://pdn.pega.com/using-javascript-client-side-validation/using-javascript-client-side-validation
MSoft
IN
Steps i tried :
I Created a HTML Fragment with the following
<script>
function f1()
{
alert('This is My F1 Called');
}
</script>
and then calling this under Onchange of that control as shown in below link
but not working
Accepted Solution
PEG
US
You are looking to implement client-side validation. There already is a rich facility for doing this. Please review this document on the PDF: https://pdn.pega.com/using-javascript-client-side-validation/using-javascript-client-side-validation
Pegasystems
US
For your question regarding what to replace pyTextArea1 with, take a look at the control panel for the cell you are defining in the Pega design studio. There's a field on that panel for specifying your choice for the tag. Whatever choice you make there would be what you would replace pyTextArea1 by in your js code.