如何在包含离子输入、离子-select、性别单选按钮、多个复选框、离子日期时间的离子 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 =>这将 return 如果表单有效

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

how to use form validation in ionic 4 or 5 that contain ion-input,ion-select,gender radio button,multiple checkbox,ion date time .?

angular

ionic4

angular8

ionic5