Restrict Alphabets or Characters, Enter Only Numbers form Keyboard and also restrict the length
If the requirement have only numbers has to be entered from Keyboard or to restrict the entry of Alphabets or Characters from the key board with some specified length, create a control by using the below code.
<% String maximumChars = tools.getParamValue("maximumChars"); %> <script> function validateNumeric(e) { if (!e) var e = window.event;
if (!e.which) keyPressed = e.keyCode;
else keyPressed = e.which;
if ((keyPressed >= 48 && keyPressed <= 57) || keyPressed == 8 || keyPressed == 9 ) {
keyPressed = keyPressed;
return true;
} else {
keyPressed = 0;
return false;
}
} </script>
<input size="20" <pega:include name="Attributes" type="Rule-HTML-Property" /> <pega:include name="ClientValidation" />
id="<pega:reference name="$THIS-DEFINITION(pyPropertyName)" /><%= tools.getParamValue("pega_RLindex") %>"
name="<pega:reference name="$this-name" />"
type=text class="leftJustifyStyle"
value="<pega:reference name="$this-value" />"
maxlength=<%=maximumChars%> onkeypress="return validateNumeric(event);" size=<%=maximumChars%>>
- If we want to restrict the Arabic / French / Other Language Characters, Take the key Pressed Value from the Keyboard, Replace with the values and conditions mentioned above.
***Edited by Moderator: Lochan to tag as Developer Knowledge Share***
CBA
AU
Could you please let me know how to use the above code in the right way.
if my requirement is to restrict the length of the digits like not less than 9. Which script I need to use
String maximumChars = tools.getParamValue("maximumChars")--> tried this for restricting but not useful, so asking
Thanks
Updated: 11 Jul 2020 21:55 EDT
GovCIO
US
Hi Sam27, Try like this and you will see working functionality of Vamsi mentioned. I did little bit modification of his code mentioned above.
Steps:
1) Create a HTML Control rule, say for eg:NumbersOnly
2) Add the below code as it is given here and this allows you to enter 10 numeric chars only. You can change the limit from 10 to whatever you want the size as per the requirement.
Code:
<% String maximumChars = tools.getParamValue("maximumChars"); %> <script> function validateNumeric(e) { if (!e) var e = window.event; if (!e.which) keyPressed = e.keyCode; else keyPressed = e.which; if ((keyPressed >= 48 && keyPressed <= 57) || keyPressed == 8 || keyPressed == 9 ) { keyPressed = keyPressed; return true; } else { keyPressed = 0; return false; } } </script> <input size="10" <pega:include name="Attributes" type="Rule-HTML-Property" /> <pega:include name="ClientValidation" /> id="<pega:reference name="$THIS-DEFINITION(pyPropertyName)" /><%= tools.getParamValue("pega_RLindex") %>" name="<pega:reference name="$this-name" />" type=text class="leftJustifyStyle" value="<pega:reference name="$this-value" />" maxlength="10" onkeypress="return validateNumeric(event);">
Hi Sam27, Try like this and you will see working functionality of Vamsi mentioned. I did little bit modification of his code mentioned above.
Steps:
1) Create a HTML Control rule, say for eg:NumbersOnly
2) Add the below code as it is given here and this allows you to enter 10 numeric chars only. You can change the limit from 10 to whatever you want the size as per the requirement.
Code:
<% String maximumChars = tools.getParamValue("maximumChars"); %> <script> function validateNumeric(e) { if (!e) var e = window.event; if (!e.which) keyPressed = e.keyCode; else keyPressed = e.which; if ((keyPressed >= 48 && keyPressed <= 57) || keyPressed == 8 || keyPressed == 9 ) { keyPressed = keyPressed; return true; } else { keyPressed = 0; return false; } } </script> <input size="10" <pega:include name="Attributes" type="Rule-HTML-Property" /> <pega:include name="ClientValidation" /> id="<pega:reference name="$THIS-DEFINITION(pyPropertyName)" /><%= tools.getParamValue("pega_RLindex") %>" name="<pega:reference name="$this-name" />" type=text class="leftJustifyStyle" value="<pega:reference name="$this-value" />" maxlength="10" onkeypress="return validateNumeric(event);">
3) Call this new control in a Dynamic Layout of your existing section and run the application to see.
Thanks,
Ravi Kumar Pisupati
Updated: 26 Oct 2021 9:27 EDT
Linkgroup
IN
@Ravi Kumar Pisupati
This script works fine for restricting keyboard input of 0-9. However, users can still paste any text in it. We need to add onpaste="return false;" onDrop="return false" autocomplete=off also.