Hi,
I need to restrict the entry to Alphabets, Numbers and Spaces in Ion input field. We tried capturing key press events and tried using patterns as below
keyUpChecker(ev) {
let elementChecker: string;
let format = /^[a-z0-9 ]*$/i;
elementChecker = ev.target.value;
console.log(ev.target.value);
if(!format.test(elementChecker)){
this.vesselName = elementChecker.slice(0, -1);
}
}
And in HTML as
<ion-input type=“text” maxlength="50"
onpaste=“return false;”
(keyup)="keyUpChecker($event)"
placeholder=“Enter Name”
[(ngModel)]=“vesselName”>
But, we still are able to change the cursor position and enter special characters