Restrict keyboard input to digits only

I’m a severe requirement to restrict the input only to digits, Is there anyway to achieve this ?
Of course before posting to forum, I already tried googling but no luck,
Here is what I’m trying

<ion-input type='tel' pattern="\d*" class='phoneInput' >
it shows num pad but still it show some special characters like * or #
here is the screenshot.

I don’t want to show either this special charaters or either language button.

Want something like similar, this is a whatsapp number input screenshot

Like in whatsapp no matter what your device language is, you are restricted to digits only, I want to achieve the same thing

Have you tried using inputmode? You can do inputmode="numeric" to only allow numbers.

1 Like

yes I tried, but it still showing some special characters

Can I see a screenshot of the keyboard?

@ldebeasi I’m sorry for my previous message, its not showing any special character
but it is still showing language change icon, is there anyway to prevent, because if user select Arabic, they can still type arabic numbers.
here is the screenshot

here is the screenshot

There is no way to prevent users from changing keyboards. This is by design on iOS.

but my friend, can you see in the screenshots above, in whatsapp number input field, we can’t change the language even

I don’t think that is something you can do in a webview.

If you are trying to ensure only numbers get submitted in your form then restricting the keyboard is not a good way to do this as users would still be able to copy and paste text they have in their clipboard. A better approach would be to do form validation or filter non-numbers as the user types.


You need to use Regex

1 Like

Alright, thank you guys for helping, it was much needed