0

Tengo un formulario que cuando es válido queda con esta clase ng-dirty ng-touched ng-valid y cuando es inválido tiene esta clase ng-untouched ng-pristine ng-invalid, el motivo de esto es que deseo habilitar el botón de envío cuando el formulario sea válido.

Me gustaría validar el formulario ya que son muchos campos y hacer un if(todos los campos y condición) para activar el botón, sería muy extenso la validación.

Mi formulario:

<form #formAdd validate>
 <button class="card card-small btn btn-primary bg-primary" *ngIf="formAdd.hasError" (click)="addUser(userAdd)">
     <span class="p-2">Registrar</span>
  </button>
</form>
2
  • ¿Qué versión de Angular estás utilizando y cómo defines formAdd en el componente?
    – GusSL
    Commented el 12 may. 2021 a las 23:43
  • En mi componente esta como: formAdd!: formGroup y mi version de angular es > 11
    – Angelita
    Commented el 12 may. 2021 a las 23:44

1 respuesta 1

0

En el caso de estar utilizando ReactiveForms con un objeto FormGroup, puedes realizar property binding sobre la propiedad disabled del botón:

<button class="..." [disabled]="formAdd.invalid">
  ...
</button>

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.