¿Cómo verificar si un formulario o un control es válido o no en Angular 10?

En este artículo, vamos a verificar si un formulario se toca o no en Angular 10. La propiedad válida se usa para r

form.valid
  • comprobar si un formulario es válido o no

NgModule: el módulo utilizado por la propiedad válida es:

  • Módulo de formularios

Acercarse: 

  • Cree la aplicación Angular que se utilizará.
  • En app.component.html crea un formulario usando la directiva ngForm.
  • En app.component.ts obtenga la información usando la propiedad válida.
  • Sirva la aplicación angular usando ng serve para ver el resultado.

Ejemplo:

Javascript

import { Component } from '@angular/core';
import { FormGroup, FormControl, 
    FormArray, Validators } from '@angular/forms'
  
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
  
export class AppComponent {
    form = new FormGroup({
        name: new FormControl(
  
        ),
        rollno: new FormControl()
    });
  
    get name(): any {
        return this.form.get('name');
    }
  
    onSubmit(): void {
        console.log("Form is valid : ", this.form.valid);
    }
}

app.component.html

<form [formGroup]="form" (ngSubmit)="onSubmit()">
    <input formControlName="name" placeholder="Name">
    <br>
      
    <button type='submit'>Submit</button>
    <br><br>
</form>

Producción:

Referencia: >https://angular.io/api/forms/AbstractControlDirective#valid

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *