Question

离子输入类型文本只应在不使用表单生成器的情况下接受字母表。

        <ion-item class="myitem">

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

        </ion-item >

Answer 1

您可以使用 html 为您的输入添加pattern属性。

Alphabets and blankspace：

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

Alphabets no no 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
    }
}

它对我有用

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

2 个答案: