输入验证在Web中工作,但在Android/iOS Ionic中不工作

j0pj023g  于 2022-12-09  发布在  Ionic
关注(0)|答案(1)|浏览(118)

在我的搜索栏中,我实现了模式验证。
所以基本上我想限制用户在搜索栏中输入数字和一些特殊字符。Html文件

<ion-searchbar animated searchIcon=undefined clearIcon=undefined 
  [(ngModel)]="searchTerm"
  (ionFocus)="focusInput($event)" 
  (ionChange)="filteredItems()" 
  placeholder="Search for product" 
  (keypress)="validateProductSearch($event)" 
  (ionInput)="validateProductSearch($event)" 
  (keyup)="validateProductSearch($event)" >
 </ion-searchbar>

ts文件-

validateProductSearch(event: any) {
    const pattern = /^[a-zA-Z\_\-',.:`"() ]*$/
    let inputChar = String.fromCharCode(event.charCode);
    if (!pattern.test(inputChar)) {
      event.preventDefault();
    }
  }

这是工作在网页浏览器。但当我安装APK在手机/平板电脑这个验证是不工作。我已经尝试了IonInput,Keyup,和按键。
用户可以输入任何内容。
使用离子5版本。
先谢了

rjjhvcjd

rjjhvcjd1#

keypress 更改为 ionInput,如docs中所述

相关问题