validation - 在 type=text Ionic 的 ionic 输入中只允许数字

Question

我需要进行以下输入，以便它只接受数字:

<ion-input formControlName="quantity"></ion-input>

我知道这可以通过 type=number 来实现，但出于其他原因我仅限于使用类型文本。是否可以使用类型文本来做到这一点？还有如何验证最小和最大金额？

Answer 1

可以通过以下方式精确完成:

在您的 .ts 文件中:

numericOnly(event): boolean {
   let pattern = /^([0-9])$/;
   let result = pattern.test(event.key);
   return result;
}

在您的 .html 文件中:

<ion-input
        class="input"
        inputmode="numeric"
        type="number"
        (keypress)="numericOnly($event)"
      >
</ion-input>