时间戳

首页 > 解决方案 > 验证应用于文本框

angular - 验证应用于文本框

问题描述

当页面呈现时，默认情况下会应用所需的验证。当我检查该元素时，它会同时显示ng-pristine和ng-invalid分类。

在 HTML 中：

<input type="password" class="form-control" placeholder="Password" name="password" required pattern=".*(?=.{8,})(?=.*\d)(?=.*[a-zA-Z])(?=.*[`~!@@#$^*|+\-_=;:()&?%'/,.<>\{\}\[\]\\]).*" [ngModel]="user.password" #password="ngModel">

在 TS 中：

public user:logdetails;

ngOnInit() {  
   this.user=new logdetails();    
}

export class logdetails
 {
   password:string;
   confirmpassword:string;
 }

如何在页面加载时防止这种必需的验证？

标签： angularvalidationangular5

解决方案

您已将 required 属性添加到输入字段，如果其为 null 或“”，则表示该字段无效。如果您希望仅在用户触摸该字段后添加 css 类进行验证，请检查原始和有效。用户触摸输入字段后，原始更改为 false。要删除所需的验证，您必须从输入字段中删除所需的属性。

推荐阅读