验证已应用于文本框

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

您已经向输入字段添加了必需的属性，如果它为null或"，则表示该字段无效。如果您希望仅在用户触摸字段后添加css类进行验证，请检查原始和有效。用户触摸输入字段后，"原始"变为false。若要删除所需的验证，您必须从输入字段中删除所需属性。