How to validate form in angular 4?

Question Posted / ashish mani tiwari

1 Answers
861 Views
I also Faced
E-Mail Answers

How to validate form in angular 4?..

Answer / Musabbir Ali

In Angular 4, you can use FormsModule and ReactiveFormsModule for form validation. Here's an example:nnTemplate:n```htmln<form [formGroup]="myForm">n <input formControlName="username">n <input formControlName="password">n <button (click)="submit()">Submit</button>n</form>n```nComponent TS:n```typescriptnimport { FormBuilder, Validators } from '@angular/forms';n...nconstructor(private fb: FormBuilder) {n this.myForm = this.fb.group({n username: ['', Validators.required],n password: ['', [Validators.required, Validators.minLength(6)]]n});n}nsubmit() {n if (this.myForm.valid) {n console.log('Form submitted!');n } else {n console.log('Invalid form!');n }n}n```

Is This Answer Correct ?

0 Yes

0 No

Post New Answer