时间戳

首页 > 解决方案 > 使用 angular5 在验证中未收到错误消息

angular - 使用 angular5 在验证中未收到错误消息

问题描述

这是我使用 Angularjs5 进行客户端验证的代码。

<form class="col s12 white" #userRegistrationForm="ngForm">
        <div class="row">
          <div class="input-field col s6">
            <input class="validate" type="text" name="UserName" #UserName="ngModel" [(ngModel)]="user.UserName" required>
            <label data-error="Required Field!">UserName</label>
          </div>

          <div class="input-field col s6">
              <input type="text" name="Password" #Password="ngModel" [(ngModel)]="user.Password" required>
              <label>Password</label>
          </div>

          <div class="input-field col s6">
              <input type="text" name="Email" #Email="ngModel" [(ngModel)]="user.Email">
              <label>Email</label>
            </div>

            <div class="input-field col s6">
                <input type="text" name="FirstName" #FirstName="ngModel" [(ngModel)]="user.FirstName">
                <label>FirstName</label>
              </div>

              <div class="input-field col s6">
                  <input type="text" name="LastName" #LastName="ngModel" [(ngModel)]="user.LastName">
                  <label>LastName</label>
                </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <button class="btn-large btn-submit" type="submit">Submit</button>
          </div>
        </div>

      </form>

验证失败时没有收到错误消息。请提供解决方案。

提前致谢。

标签： angular

解决方案

像这样试试

 <label *ngIf="UserName.errors.required">Required Field!</label>

在此处查看有关如何使用角度形式验证的文档：

https://angular.io/guide/form-validation

推荐阅读