maxlength not working with input type="number" ionic

Question

I try to define maxlength of a number input.

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

How can i reesolve it please.

Thats true. You can use type tel then it works. By the way, if you use your app for ios then you didn't have number type. — Simon Schüpbach
– Simon Schüpbach, Commented Apr 22, 2016 at 21:10

Mohsin Muzawar · Accepted Answer · 2016-04-22 21:21:52Z

8

   <input type="tel " maxlength="6">

edited Apr 22, 2016 at 21:21

answered Apr 22, 2016 at 21:13

Mohsin Muzawar

1,2129 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kieran Ryan Over a year ago

This is not an acceptable answer if using a web browser on the desktop as there is nothing to stop you adding letters into the field. There seems currently to be no solution for this scenario in Ionic so far :-(

Kieran Ryan Over a year ago

Okay this link makes things clearer along with a workaround using maxlength and the pattern attribute of the input tag: stackoverflow.com/questions/18510845/…

Syed Muhammad Abid · Accepted Answer · 2018-08-10 09:24:24Z

4

 <input type="tel" pattern="[0-9]*" maxlength="6">

This will validate the numbers pattern too :)

edited Aug 10, 2018 at 9:24

answered Aug 10, 2018 at 9:12

Syed Muhammad Abid

1011 silver badge2 bronze badges

Collectives™ on Stack Overflow

maxlength not working with input type="number" ionic

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related