如何在ionic中对表单进行验证

import { Component } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
import { ToastController } from '@ionic/angular';

@Component({
  selector: 'app-form-validation',
  templateUrl: './form-validation.page.html',
  styleUrls: ['./form-validation.page.scss'],
})
export class FormValidationPage {
  myForm: FormGroup;

  constructor(private toastCtrl: ToastController) {
    this.myForm = new FormGroup({
      email: new FormControl('', [Validators.required, Validators.email]),
      password: new FormControl('', [Validators.required, Validators.minLength(6)]),
    });
  }
}

<ion-content>
  <form [formGroup]="myForm">
    <ion-item>
      <ion-label position="floating">Email</ion-label>
      <ion-input formControlName="email" type="email"></ion-input>
    </ion-item>
    <ion-validation-message *ngIf="myForm.controls.email.invalid && (myForm.controls.email.dirty || myForm.controls.email.touched)">
      <p *ngIf="myForm.controls.email.errors?.required">Email is required.</p>
      <p *ngIf="myForm.controls.email.errors?.email">Invalid email format.</p>
    </ion-validation-message>

    <ion-item>
      <ion-label position="floating">Password</ion-label>
      <ion-input formControlName="password" type="password"></ion-input>
    </ion-item>
    <ion-validation-message *ngIf="myForm.controls.password.invalid && (myForm.controls.password.dirty || myForm.controls.password.touched)">
      <p *ngIf="myForm.controls.password.errors?.required">Password is required.</p>
      <p *ngIf="myForm.controls.password.errors?.minlength">Password should be at least 6 characters long.</p>
    </ion-validation-message>
  </form>
</ion-content>

export class FormValidationPage {
  // ...

  async submitForm() {
    if (this.myForm.valid) {
      // 执行提交表单的操作
    } else {
      const toast = await this.toastCtrl.create({
        message: 'Please fill in all required fields correctly.',
        duration: 3000,
        position: 'top',
        color: 'danger'
      });
      toast.present();
    }
  }
}