Angular2 - 只允許在輸入中輸入Alpha字符

我對Angular2很新，並且無法在任何地方找到我的答案。我有一個input（以下爲節目），但我只希望它允許：Angular2 - 只允許在輸入中輸入Alpha字符

AZ
AZ
「
-
[SPACE]

我不知道如何做到這一點。我試過ng-pattern="/^[a-zA-Z\s]*$/",pattern="/^[a-zA-Z\s]*$/"和ng-pattern-restrict="/^[a-zA-Z\s]*$/"。

通過本身被刪除HTML

<td> 
    <md-input-container> 
     <input mdInput [(ngModel)]="details.firstName" placeholder="First name(s)" ng-pattern="/^[a-zA-Z\s]*$/"> 
    </md-input-container> 
</td>

在理想情況下，如果用戶輸入一個數字字符，身份證醚喜歡還是隻是不允許（不顯示）中的字段

來源

2017-06-12 murday1983

-1

使用此：

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

來源

2017-06-12 09:00:23

不知道爲什麼這被接受答案 - 這是AngularJS的方式，而不是Angular是必需的。 – sax

您需要使用以下，使模式的工作原理

<input mdInput [(ngModel)]="details.firstName" placeholder="First name(s)" [pattern]="'^[a-zA-Z \-\']$'">

來源

2017-06-12 07:42:59

謝謝，但，這是導致以下錯誤：在列14 ['^ [一個意外令牌「]」：'分析器錯誤在ng：///AppModule/[email protected]：91（「tainer> ] [pattern] =''^ [a-zA-Z' - '] $'」> ' – murday1983

@ murday1983，updated updated –

一世已經使用了更新，但我仍然能夠在現場輸入0-9。 – murday1983

我的修復是做在我的組件

firstName: ['', Validators.pattern('^[a-zA-Z \-\']+')],

來源

2017-06-13 07:03:10 murday1983

請注意，這僅適用於[Reactive Froms]（https://angular.io/guide/reactive-forms） – Robouste

Angular2 - 只允許在輸入中輸入Alpha字符

回答

相關問題