Inoic 3, Android: как разрешить только поле ввода числа?

У меня есть поле ввода, как это:

.html файл:

<ion-input formControlName="codePin" 
           type="tel" 
           pattern="[0-9]*" 
           class="itemBorder" 
           placeholder="Only number" 
           maxlength="4" 
           style="-webkit-text-security:disc"
           [(ngModel)]="codePin" (keydown)="isValidNumber($event)">
</ion-input>

.ts файл:

isValidNumber(event)
{
    //return /\d|Backspace/.test(event.key);
    if ([8, 13, 27, 37, 38, 39, 40].indexOf(event.keyCode) > -1) {
        // backspace, enter, escape, arrows
        return true;
    } else if (event.keyCode >= 48 && event.keyCode <= 57) {
        // numbers 0 to 9
        return true;
    } else if (event.keyCode >= 96 && event.keyCode <= 105) {
        // numpad number
        return true;
    }
    return false;
}

Проблема в том, что он работает нормально в Ionic Serve's Lab, IOS, но не работает в Android. Кто-нибудь, пожалуйста, объясните мне, как это исправить. Благодарю.

0 ответов

Другие вопросы по тегам