如何在包含离子输入、离子选择、性别单选按钮、多个复选框、离子日期时间的 ionic 4 或 5 中使用表单验证。？

Question

<ion-item>
        <ion-label position="floating">Title</ion-label>
        <ion-input type="text"  formControlName="title" id="input" name="title"></ion-input>
      </ion-item>

<ion-item>
        <ion-label position="floating">Client</ion-label>
        <ion-select (ionChange)="selectClient($event)" formControlName="Select_Client" interface="popover">
          <ion-select-option value="1">Lynko Pvt. Ltd.</ion-select-option>
          <ion-select-option value="4">Letsclick Pvt. Ltd. </ion-select-option>
          <ion-select-option value="5">Wirehead </ion-select-option>
          <ion-select-option value="6">Codeyiizen Software & Services Pvt. Ltd.</ion-select-option>
          <ion-select-option value="7">Mariao Barando</ion-select-option>
<ion-item>

Answer 1

如果您的意思是验证它们是否为空，您可以使用验证器：

this.formName = form.group({
Select_Client : ['', Validators.required],
title: ['', Validators.required]
});

然后如果你想检查表单是否有效，你可以写： this.formName.valid =>如果表单有效，这将返回 true