在我的搜索栏中,我实现了模式验证。
所以基本上我想限制用户在搜索栏中输入数字和一些特殊字符。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版本。
先谢了
1条答案
按热度按时间rjjhvcjd1#
将 keypress 更改为 ionInput,如docs中所述