showDescriptionErrors(){ const descriptionForm = this.postForm.get('description'); if (descriptionForm?.touched && !descriptionForm.valid){ if (descriptionForm.errors.required){ return 'Description is required'; }

showDescriptionErrors(){ const descriptionForm = this.postForm.get('description'); if (descriptionForm?.touched && !descriptionForm.valid){ if (descriptionForm.errors.required){ return 'Description is required'; }

Comment

0

this.registerationForm = new FormGroup({ userName: new FormControl(null, Validators.required), email: new FormControl(null, [Validators.required, Validators.email]), password: new FormControl(null, [Validators.required, Validators.minLength(8)]), confirmPassword: new FormControl(null, [Validators.required]), mobile: new FormControl(null, [Validators.required, Validators.minLength(10)]) }, { validators: passwordMatchingValidatior });

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript return

Share

Link to this answer
Share Copy Link

Contributed on Jul 22 2021

Gentle Goose

0 Answers  Avg Quality 2/10

---

Closely Related Answers

showDescriptionErrors(){ const descriptionForm = this.postForm.get('description'); if (descriptionForm?.touched && !descriptionForm.valid){ if (descriptionForm.errors.required){ return 'Description is required'; }

Comment

0

@Component({ selector: 'app-user-register', templateUrl: './user-register.component.html', styleUrls: ['./user-register.component.css'] }) export class UserRegisterComponent implements OnInit { registerationForm: FormGroup = new FormGroup({}); constructor() { } ngOnInit() { this.registerationForm = new FormGroup({ userName : new FormControl(null, Validators.required), email : new FormControl(null, [Validators.required, Validators.email]), password : new FormControl(null, [Validators.required, Validators.minLength(8)]), confirmPassword : new FormControl(null, [Validators.required]), mobile : new FormControl(null, [Validators.required, Validators.minLength(10)]) }, this.passwordMatchingValidatior); } passwordMatchingValidatior(form: FormGroup): null => { const password = form.controls['password'].value; const confirmation = form.controls['confirmPassword'].value; if (!password || !confirmation) { // if the password or confirmation has not been inserted ignore return null; } if (confirmation.length > 0 && confirmation !== password) { confirmation.setErrors({ notMatch: true }); // set the error in the confirmation input/control } return null; // always return null here since as you'd want the error displayed on the confirmation input } onSubmit(){ console.log(this.registerationForm); } }

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: return javascript

Share

Link to this answer
Share Copy Link

Contributed on Jul 22 2021

Gentle Goose

0 Answers  Avg Quality 2/10

---

showDescriptionErrors(){ const descriptionForm = this.postForm.get('description'); if (descriptionForm?.touched && !descriptionForm.valid){ if (descriptionForm.errors.required){ return 'Description is required'; }

Comment

0

export const passwordMatchingValidatior: ValidatorFn = (control: AbstractControl): ValidationErrors | null => { const password = control.get('password'); const confirmPassword = control.get('confirmPassword'); return password?.value === confirmPassword?.value ? null : { notmatched: true }; };

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript return

Share

Link to this answer
Share Copy Link

Contributed on Jul 22 2021

Gentle Goose

0 Answers  Avg Quality 2/10

---