如何限制离子输入中的输入？

Question

我试图通过删除而不是可视化来限制用户输入数字。

在html

<ion-input type="text" [(ngModel)]="firstName" (ionChange)="check($event)"></ion-input>

在 .ts 中

 check(event){
     let value : string = event.detail.value;
    event.detail.value = value.replace(/[0-9]/g,'')
}

使用此代码，我希望用户不会看到他是否输入了数字。然而 firstName 的值发生了变化，但用户仍然看到字符和数字。

Answer 1

create one function

public onKeyUp(event: any) {

    let newValue = event.target.value;

    let regExp = new RegExp('^[A-Za-z? ]+$');

    if (! regExp.test(newValue)) {
      event.target.value = newValue.slice(0, -1);
    }
}

如何限制离子输入中的输入？

How do I restrict input in the ion-input?

javascript

typescript

ionic4

angular7