Question

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

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

Answer 1

你的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])],

    })

}

Answer 2

我们可以设置最小和最大数字手册。

<ion-input type="number" min="0" max="5"></ion-input>

Answer 3

对于PIN码输入，我们可以使用此方法：

<ion-label floating>Pin code</ion-label>
<ion-input type="number" name="pincode" max="999999" min="100000" ngModel required>
</ion-input>

这会将输入限制为最小值和最大值6位数。＆＃34;最大长度＆＃34;不会使用数字类型，然后我们会使用＆＃39; max＆＃39;和＆＃39; min＆＃39;限制数字输入。

Answer 4

对于仍然在这个问题上挣扎的那些人。似乎由于元素属性type ='number'而使maxLength无法正常工作，如果您想限制字符的长度，请改用type ='tel'。 -希望有帮助。

Min Maxlength属性不适用于离子3

4 个答案: