如果用户在输入中键入数字，我如何显示错误

Question

我有带名字输入的模板驱动表单。

该输入应为必填项，长度至少为三个字符，并且应仅接受字符串。

<form class="mt-5" (ngSubmit)="contactUs(f)"  #f="ngForm">
                <div class="form-group">
                    <label for="firstName">First Name <span class="error">*</span></label>
                    <input class="form-control" [(ngModel)]="contactUsForm.firstName" name="firstName" id="firstName"
                        #firstName="ngModel" required minlength="3" 
                        pattern="^[a-zA-Z]" />
                    <div *ngIf="firstName.invalid && (firstName.dirty || firstName.touched)" class="error">
                        <div *ngIf="firstName.errors.required">
                            First Name is required.
                        </div>
                        <div *ngIf="firstName.errors.minlength">
                            First Name must be at least 3 characters long.
                        </div>
                        <div *ngIf="firstName.errors.pattern">
                            You can write only letters.
                        </div>
                    </div>
                </div>

在我的代码中 required 和 minlength 正在工作。但是当我尝试使用模式时向用户表明他需要你只写我卡住的字母。

采用这种模式

 pattern="^[a-zA-Z]"

例如，当我输入输入内容时

swdsdsdsdsd

我收到错误 - 你只能写字母。

但我不应该，因为我输入的是字母而不是数字。我的错误在哪里？

Answer 1

匹配所有字符串：

pattern="[a-zA-Z]+"

证明：

<form name="f"> 
 <input type="text" pattern="[A-Za-z]+" title="Please enter avalid name" />
 <input type="Submit"/> 
</form>

如果用户在输入中键入数字，我如何显示错误

How can i show error if user type number in input

regex

angular

angular-forms