html - 为什么 *ngIf 验证消息总是出现？

Question

我正在使用角度和 HTML。我对不应该只接受数字的名字进行模式验证。

    <fieldset class="six">
     <input id="firstName" ng-pattern="^[a-zA-Z]+$" type="text" 
        [(ngModel)]="user.firstName" formControlName="firstName" 
         required autocomplete="given-name" placeholder="First 
                  name"/>
            <label class="validation-message alert" 
           *ngIf="( (!newUserForm.controls.firstName 
              ||user.firstName.trim().length == 0 ) && 
                (newUserForm.controls.firstName.touched))">
                     First Name is required </label>
            <label class="validation-message alert" *ngif=" 
              newUserForm.firstName.touched " ng-message=" 
              newUserForm.firstName.hasError('firstName')">
               Invalid First Name </label>
     </fieldset>

我的问题是总是出现无效的名字。谁能帮我？提前致谢

标签： htmlcssangular

Answer 1

如果 firstName 被触摸，您的 ngIf 会显示该消息。它没有说明它是否有效。