文章/答案/技术大牛

发布

社区首页 >问答首页 >ion-3 ion-输入最大长度属性不起作用

问ion-3 ion-输入最大长度属性不起作用
EN

Stack Overflow用户

提问于 2018-01-29 13:25:10

回答 3查看 16.3K关注 0票数 16

我已经尝试为maxlength添加ion-input，max属性，但它不能按照预期工作。

<ion-input type="number" placeholder="*" maxlength="1"></ion-input>

<ion-input type="number" placeholder="*" max="1"></ion-input>

有没有人知道同样的解决方案？

谢谢

ionic-framework

ionic3

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-01-29 13:34:53

根据这篇文章：maxlength ignored for input type="number" in Chrome

最大长度不适用于输入数字“type=”

这里建议使用一种替代方案：https://github.com/ionic-team/ionic/issues/7072，其中dilhan119建议使用type="tel“

一个健壮的解决方案是使用表单验证器，它将阻止表单提交(并向用户显示错误)：https://www.joshmorony.com/advanced-forms-validation-in-ionic-2/

票数 19

Stack Overflow用户

发布于 2019-08-13 17:18:28

我找到了一条出路，你可以在下面的代码中使用。很棒的这一点是你可以保留输入类型的数字，这样android就会显示你想要的键盘

将此代码放入表单生成器中

phone: ['', [Validators.required, this.isValidNumber.bind(this)]]

在ts文件中添加以下方法

isValidNumber(fieldControl: FormControl) {
    if(this.formBuilderGroup) {
      return fieldControl.value.toString().length < 10 ? null : {
        NotEqual: true
      };
    }
  }

在上面的代码中，将formBuilderGroup更改为您的表单构建器组名称。将10更改为您喜欢的长度

票数 2

Stack Overflow用户

发布于 2020-12-09 20:37:45

HTML:
    <ion-textarea [(ngModel)]=“text” (ionChange)="textareaMaxLengthValidation()"></ion-textarea>
    <ion-input type="text" [(ngModel)]=“text” (ionChange)="textareaMaxLengthValidation()"></ion-input>


    TS:
    textareaMaxLengthValidation() {
        if (text.length > 50) {
       text= text.slice(0, 50);
        }

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48494868

复制

相似问题

问ion-3 ion-输入最大长度属性不起作用
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ion-3 ion-输入最大长度属性不起作用EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ion-3 ion-输入最大长度属性不起作用
EN