Проверка применяется к текстовому полю

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

Вы добавили обязательный атрибут в поле ввода, и если его значение равно нулю или "", это означает, что поле недопустимо.Если вы хотите добавить классы css для проверки только после того, как пользователь коснулся поля, проверьте наличие и нетронутость.Нетронутый изменяется на false после того, как пользователь коснулся поля ввода.Чтобы удалить обязательную проверку, вы должны удалить обязательный атрибут из поля ввода.