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

时间:2019-01-11 10:33:17

标签: javascript typescript angular7 ionic4

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

以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的值会更改,但是用户仍然可以看到字符和数字。

1 个答案:

答案 0 :(得分:0)

  

创建一个功能

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);
    }
}