Question

页面呈现后，默认情况下将应用验证。当我检查该元素时，它同时显示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;
 }

如何防止在页面加载时进行此必需的验证？

Answer 1

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

验证将应用于文本框

1 个答案: