Hi Indu mathy,

WEB:

Refer the new solution for WEB:

Download the Forge Component for WEB & refer as below:

Component: https://www.outsystems.com/forge/component/1002/restrictchars/?Unfollow=False

Sample: https://www.outsystems.com/forge/component/3308/restrict-chars-sample/

Output Sample Demo : https://joaomelont.outsystemscloud.com/RestrictCharsSample/

-------------------------------------------------

Mobile:

Refer the below new updated component published for Mobile :

https://www.outsystems.com/forge/component-overview/5014/

An easy and light weight way to restrict characters in a input text field on mobile.

Options available:

•    Just Numbers
•    Just Letters
•    Just Alpha and Numbers
•    Email
•    Currency
•    Date
•    Just Numbers and Hyphen
•    Phone Numbers

You can refer the sample for the same:

Restrict Characters Mobile Sample: https://www.outsystems.com/forge/component-overview/5016/

Cheers

Assif

Hello 

Check out the forge component "Input Masks Mobile"

https://www.outsystems.com/forge/component/2258/input-masks-mobile/

and the post 

https://www.outsystems.com/forums/discussion/29577/input-mask-numeric-force-numeric-keyboard/

Hope this helps. 

Hi Indu Mathy,

For only numeric keyboard 0-9 you can try:

Take local data type - text variable

JavaScript:
 $('#Input_TextVar2').addEventListener("keypress", function(e){
    var text = this.value.replace(/[^0-9]/g, '') ;
    if (this.value != text){
        this.value = text;
    }
});

Thanks, Hope this helps.

Hi Indu Mathy,

I have made some changes in java and its work for me in the sample.

onReady function load JavaScript:
document.getElementById($parameters.WidgetId).addEventListener("keypress", function(e){
    var patternNotOk = eval("/[^0-9]/g");
    var text = this.value.replace(patternNotOk, '');
    if (this.value != text){
        this.value = text;
    }
});

document.getElementById($parameters.WidgetId).addEventListener("keyup", function(e){
    var patternNotOk = eval("/[^0-9]/g");
    var text = this.value.replace(patternNotOk, '');
    if (this.value != text){
        this.value = text;
    }
});

 Hope this helps.

Thanks

Hi, to achieve this, you just need to set in the attribute type = "numeric" ou "tel".

Change from "tel" to "numeric" to achieve what you want.

Hi,

Try this one.