Ich arbeite an eckigen 5 Formular Validierung, meine Anforderung ist, wenn ich klicken, senden Sie diese Zeit Validierung sollte nicht auf ngtouch

Question

Ich arbeite an eckigen 5 Form Validierung, meine Anforderung ist, wenn ich klicken, senden Sie diese Zeit Validierung sollte nicht funktionieren ng-touch

Answer 1

Wenn Sie Winkel haben 5+ dann Sie die neue updateOn Eigenschaft verwenden:

Etwas wie folgt aus:

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

Angular 5 jetzt gibt Ihnen Optionen Validierungen auf Ereignissen zu tun, wie Unschärfe einer Kontrolle, oder Vorlage eines Formulars mit diesem pr operiert.

here

lesen Wenn Sie ein anderes Verhalten für einen bestimmten Bereich (Im folgenden Beispiel: E-Mail) möchten, können Sie etwas tun:

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

Answer 2

Wenn Sie Angular2 verwenden/4 , dann können Sie diese

in Ihrer Komponente versuchen

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 
} 

in Ihrer Vorlage

<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>