离子输入类型文本应该只接受字母 + ionic2

【问题标题】：ion-input type text should only accept alphabets + ionic2离子输入类型文本应该只接受字母 + ionic2
【发布时间】：2017-10-14 19:29:54
【问题描述】：

ion-input 类型的文本应该只接受字母而不使用表单 Builder。

        <ion-item class="myitem">

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

        </ion-item >

【问题讨论】：

标签： forms ionic-framework ionic2

【解决方案1】：

您可以通过 html 将pattern 属性添加到您的输入来做到这一点。

字母和空格：

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

字母没有空格：

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

替代

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

【讨论】：

@Faizan Fazi 如果有帮助，请支持或接受作为答案。谢谢
@FaizanFazi 请检查更新的代码。如果发生任何错误，请告诉我

【解决方案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
    }
}

对我有用

【讨论】：

keycode 在 android 键盘 api 中不可用...所以无法解决。