Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Validação formulário não funcionando

Boa tarde, tudo bem ?

A validação do meu formulário não está funcionando

 <small *ngIf="loginForm.get('username').errors.required" class="text-danger d-block mt-2">
      User name is required
    </small>

e

<small *ngIf="loginForm.get('password').errors?.required" class="text-danger d-block mt-2">
    Password is required
  </small>

Com o formGroup como:

this.loginForm = this.formBuilder.group({
      username: ['', Validators.required],
      password: ['', Validators.required]
    });

Acontece que ao digitar algo nos campos password e username, a tag small não está sumindo, nao acusa erros console, simplesmente não funciona. Em outra IDE o PHPStorm ele acusa o seguinte erro no ngIf:

ng: Identifier 'required' is not defined. '__type' does not contain such a member

Porém isso não gera nenhum erro no console de build/compilação, somente na IDE

4 respostas

Fala aí Jeterson, tudo bem? De onde você importou o Validators?

Verifique se foi de @angular/forms.

Espero ter ajudado.

Opa, blza, foi sim

esse são os imports da classe:

import {FormBuilder, FormGroup, Validators} from '@angular/forms';
solução!

Descobri o erro, tinha escrito errado o atributo formControlName

Boa, vou marcar sua dúvida como solução do tópico.

Abraços