Min Maxlength属性不适用于离子3-Java 学习之路

我得到了一个带有类型编号的离子输入，我已经尝试了一切可能的方法将其最小长度设置为6但没有运气 . 我还有一个十进制输入字段，我想要验证该点之前的数字应该是3个数字和后点应该是2个数字 . 下面是我试过的代码 .

<ion-label floating>Pin code</ion-label>
<ion-input type="number" name="pincode" [max]="maxPin" ngModel required>
</ion-input>

4 回答

0
对于PIN码输入，我们可以使用此方法：
```
<ion-label floating>Pin code</ion-label>
<ion-input type="number" name="pincode" max="999999" min="100000" ngModel required>
</ion-input>
```
这会将输入限制为最小值和最大值6位数 . "maxlength"将无法使用 number 类型，然后我们使用'max'和'min'来限制数字输入 .
回复于 2024-05-17T12:57:55+08:00
0

对于那些仍在努力解决这个问题的人 . 由于元素属性type ='number'，似乎maxLength不起作用，如果你想限制字符的长度，请使用type ='tel' . - 希望有帮助..

回复于 2024-05-17T12:57:55+08:00

你的HTML

<form [formGroup]="myForm">

    <ion-item>
            <ion-label stacked>Pin Code</ion-label>
            <ion-input type="number" maxlength="6" [(ngModel)]="pincode" formControlName="pincode">
            </ion-input>
    </ion-item>
<form>

你的ts文件

import { FormBuilder,Validators } from '@angular/forms';


export class DemoForm{
myForm:any;
constructor(public navCtrl: NavController,
              public navParams: NavParams,
              public formBuilder: FormBuilder){
this.myForm = formBuilder.group({
          pincode: ['', Validators.compose([Validators.minLength(6),  Validators.required])],

    })

}

回复于 2024-05-17T12:57:55+08:00

1
我们可以设置最小和最大数字手册 .
```
<ion-input type="number" min="0" max="5"></ion-input>
```
回复于 2024-05-17T12:57:55+08:00

Min Maxlength属性不适用于离子3

4 回答

相关问题