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