2016-04-22 14 views
5

Próbuję zdefiniować maksymalną długość wejścia liczbowego.maxlength nie działa z typem wejściowym = "number" ionic

<label class="item item-input"> 
<i class="icon ion-android-call placeholder-icon"></i> 
<input type="number" placeholder="Phone number " maxlength="8"> 
</label> 

Jak mogę je ponownie rozprowadzić, proszę.

+1

To prawda. Możesz użyć typu 'tel', a następnie zadziała. Nawiasem mówiąc, jeśli używasz swojej aplikacji dla ios, to nie masz typu "numer". –

Odpowiedz

7
<input type="tel " maxlength="6"> 
+0

, który działa doskonale dziękuję :) –

+0

To nie jest akceptowalna odpowiedź, jeśli korzystasz z przeglądarki na pulpicie, ponieważ nic nie stoi na przeszkodzie, aby dodać litery do pola. Wydaje się, że obecnie nie ma rozwiązania dla tego scenariusza w wersji jonowej :-( –

+0

Okay ten odsyłacz sprawia, że ​​rzeczy są bardziej przejrzyste, wraz z obejściem używającym maksymalnej długości i atrybutem wzoru znacznika wejściowego: https://stackoverflow.com/questions/18510845/maxlength-ignored-for-input-type-number-in-chrome/18510925 # 18510925 –

Powiązane problemy