ionic-frameworkionic3

Ionic-3 ion-input maxlength attribute not working


I have tried to add ion-input for maxlength , max attribute but it's not working as per expectation.

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

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

Anyone knows the solution for the same?

Thanks


Solution

  • According to this post: maxlength ignored for input type="number" in Chrome

    Maxlength doesn't work on input type="number"

    One alternative is suggested here: https://github.com/ionic-team/ionic/issues/7072 where dilhan119 suggests using type="tel"

    A robust solution is to use a form validator, which will prevent form submission (and can show the user an error): https://www.joshmorony.com/advanced-forms-validation-in-ionic-2/