イオン入力タイプのテキストはアルファベットのみを受け入れるべきです+イオン2

Question

イオン入力タイプのテキストは、フォームビルダを使用せずにアルファベットを受け入れる必要があります。

 <ion-item class="myitem"> 

      <ion-input type="text" value="" placeholder="Full Name*" [(ngModel)]="fullname" maxlength="25"></ion-input> 

     </ion-item > 

Answer 1

あなたの入力にpattern属性を追加HTMLでそれを行うことができます。

アルファベットとblankspace：

pattern="/^[a-zA-Z\s]*$/" 

アルファベットなしblankspace：

pattern="/^[a-zA-Z]*$/" 

代替

[pattern]="'^[a-zA-Z \-\']$'" 

Answer 2

交互に使用することができ、

<ion-input class=" " (keypress)="onKeyPress($event)"> </ion-input> 

と

onKeyPress(event) { 
    if ((event.keyCode >= 65 && event.keyCode <= 90) || (event.keyCode >= 97 && event.keyCode <= 122) || event.keyCode == 32 || event.keyCode == 46) { 
     return true 
    } 
    else { 
     return false 
    } 
} 

それは私