0

Estoy trabajando con el framework angular y en uno de los componentes tengo un html para hacer un login el cual quiero validar. He intentado podener el especificador 'required' y no le afecta en nada. Podriais ayudarme?

<input  type="text"
[(ngModel)]="usuario" 
placeholder="Usuario" 
name="usuario"
required />
2
  • Bienevido para entender mejor el funcionamiento de la pagina te invito a dar recorrido de bienvenida Commented el 19 abr. 2018 a las 11:57
  • Deberías añadir el código completo de la plantilla y del componente para poder ver qué falla Commented el 19 abr. 2018 a las 13:10

2 respuestas 2

1

Una forma para agregar una validación al formulario con Angular es de la siguiente manera:

<input  type="text" name="usuario" [(ngModel)]="usuario" #usuario="ngModel" 
placeholder="Usuario"  required />

<div *ngIf="usuario.invalid" class="alert alert-danger">
     <div *ngIf="usuario.errors.required">
        Ingrese su usuario
    </div>
</div>

#name="ngModel" Instanciar el input text, para poder usar los estados de validaciones como required.

PDTA: Otra forma de validar es usando formularios reactivos, te paso la documentacion oficial de angular donde lo explica: https://angular.io/guide/reactive-forms

0

Puedes usarlo de la siguiente manera:

<input  type="text" [(ngModel)]="usuario" placeholder="Usuario" name="usuario"
required = true />

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.