Not working on Android and IOS

[Himad]

Hi,

I am using NumericTextbox in a web application, when testing it on desktop chrome its' working fine but on Android's Chrome(samsung s4) and IOS's Safari (iPhone 6 plus)it behave very strangely. as

1- Alphanumeric keyboard is showing and user can enter any char. including alphabets 

2- Max attribute is not working

3- Format is not applying

Here is my declaring code:

<input data-role="numerictextbox"  data-format="n0" data-min="0" data-max="100" />

Thanks

[Himad]

Updates:

As suggested in forum's other threads, i have applied type="number" and pattern="[0-9]*" attributes to the widget'input via jquery. it has following affects:

Chrome(samsung s4): Numeric keyboard shows but Format and Max properties are not working user can type decimal number but i need only digits

Safari (iPhone 6 plus): alphanumeric keyborad shows and user can type any char. with any limit

 

Thanks

[Georgi Krustev]

Hello Himad,

The NumericTextBox depends on the HTML Input keydown and keypress events in order to restrict user input, allowing only numeric characters. In some old devices / mobile OS, those events are not triggered correctly, hence the widget cannot validate the user input.

The widget seems to work in iPhone using iOS v9+:

- http://screencast.com/t/zBRnKsgo6 (no characters are allowed)
- http://screencast.com/t/OBBwNsMs (only numeric values are allowed)

The Android OS seems to allow any characters, which seems to be related to the Chrome mobile browser, which does not trigger the required events properly (like the iOS 9).

I will log this limitation in our product backlog for further investigation. For now, you will need to use
<input type="number" /> in order to avoid this erroneous behavior.

Regards,
Georgi Krustev
Telerik by Progress

 

 

[Himad]

Sorry, for replying late.

Your suggestion are very helpful.

Thanks