각도 5 폼 유효성 검사 작업 중입니다. 내 요구 사항은 시간 검증이 ngtouch에서 작동하지 않아야합니다.

Question

각도 5 폼 유효성 검사에서 작업 중입니다. 제출할 때 시간 확인이 작동하지 않아야합니다. NG 터치

Answer 1

당신은 당신이 새로운 updateOn 속성을 사용할 수 있습니다 5+ 각도가있는 경우이 같은

뭔가 :

this.login = new FormGroup({ 
    email: new FormControl(), 
    password: new FormControl() 
}, { updateOn: 'submit' }); 

각도 (5) 지금 당신에게 같은 이벤트에 대한 검증을 할 수있는 옵션을 제공합니다 컨트롤을 흐리게 처리하거나이 pr을 사용하여 양식을 제출하십시오. 오티.

합니다 (아래의 예에서 : 이메일) 하나 개의 특정 필드에 대한 다른 동작을 원하는 경우 here

을 읽고,이 같은 것을 할 수 있습니다 : 당신이 Angular2를 사용하는 경우

this.login = new FormGroup({ 
    email: new FormControl(null, { 
     validators: Validators.required, 
     updateOn: 'blur' 
    }), 
    password: new FormControl(null, [Validators.required]) 
}, {updateOn: 'submit'}) 

Answer 2

를/4 다음, 당신은 당신의 구성 요소에이

을 시도 할 수 있습니다

submitted: boolean = false; 
ngOnInit() { 
    this.myForm = new FormGroup({ 
    name: new FormControl('', [<any>Validators.minLength(5)]), 
    }); 
} 
save(){ 
    this.submitted =true; 
    if(this.myForm.invalid){ 
    return; 
} 
// Here write your code for processing 
} 

템플릿에

<form [formGroup]="myForm" novalidate (ngSubmit)="save()"> 
    <label>Name</label> 
    <input type="text" formControlName="name"> 
    <small *ngIf="!myForm.controls.name.valid && submitted"> 
    Enter minimum 5 characters for name. 
    </small> 
    <button type="submit">Submit</button> 
</form>