离子角最大长度在输入中不起作用

编程问答 2022-06-10

问题描述

当我在Android手机中安装APK时，输入允许我插入5个以上的字符，我猜应该不应该这样做，因为我在html和ts上设置了maxlength。

这是我的html：

<ion-row id="rowValidCvv"> 
  <ion-input placeholder="Validade" minlength="4" maxlength="5" type="text" class="input" id="inputValid" formControlName='expire_date'></ion-input>
  <ion-input placeholder="CVV" class="input" id="inputCvv" formControlName='card_cvv'></ion-input>
</ion-row>

我的ts：

this.registerCardForm = this.formbuilder.group({
    card_holder_name:[null,[Validators.required,Validators.minLength(5)]],card_number:[null,Validators.minLength(13)]],expire_date:[null,Validators.minLength(4),Validators.maxLength(5)]],card_cvv:[null,Validators.minLength(3)]],street_address:[null,street_number:[null,Validators.minLength(1)]],state:[null,Validators.minLength(2)]],city:[null,neighborhood:[null,zipcode:[null,Validators.minLength(8),Validators.maxLength(9)]],saveCard:[null,[Validators.required]],})

这是手机上的APK的打印内容：

[

print of form inputs allowing more than 5 characters

]

解决方法

情况是，您使用输入type =“ text”。如果使用type =“ number”，则它将验证为5个字符。但是您不能添加“ /”符号。因此，您需要添加ionic datatime picker来获取日期，这很容易。否则，您如何验证不同月份的日期？

angularapkapkinputionic-frameworkmaxlength