时间戳

首页 > 解决方案 > 如何检查最小长度 ion-textarea

angular - 如何检查最小长度 ion-textarea

问题描述

如何验证 Ionic 3 中文本区域的最小长度？Maxlength 效果很好，但奇怪的是 minLength 不起作用。

  <ion-textarea id="emailBody" minlength="2"  rows="3" required maxLength="500"  type="text" [(ngModel)]="emailBody"></ion-textarea>

标签： angularionic-frameworkionic3

解决方案

你可以试试这个解决方案

ts文件代码

formObj:any={
        emailBody:""
}

html文件代码

<ion-textarea  minlength="2"  rows="3" required maxLength="500"  type="text" [(ngModel)]="formObj.emailBody" #emailBody="ngModel"></ion-textarea>


<div *ngIf="emailBody.invalid && (emailBody.dirty || emailBody.touched)"
     class="alert alert-danger">

  <div *ngIf="emailBody.errors.required">
    emailBody is required.
  </div>
  <div *ngIf="emailBody.errors.minlength">
    emailBody must be at least 2 characters long.
  </div>

</div>

推荐阅读