Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Masked input is not working in android phones

Hi I have used the masked input plugin click for my website to format the phone number which is entered by the user I am using the format as (123) 456-7890 its working fine with PC's but when I browse the site with android devices and enter the phone number as 1234567890 its order is getting changed as (213) 456-7890 or any random order automatically.

You can see this issue in their demo site itself here is the link In the goto demo tab next to usage tab.

can anyone suggest me a solution for the same.

like image 996
Chaman Avatar asked Nov 11 '13 17:11

Chaman


2 Answers

I resolved this issue with three actions, which have fixed this for all Android 4.0+ phones:

  1. Update masked-input to at least version 1.4
  2. Add type="tel" to the input, to trigger the phone keypad
  3. Remove the input's maxlength attribute or set it to a value certain not to interfere with the caret action, like 20.
like image 189
Tony Brasunas Avatar answered Sep 27 '22 18:09

Tony Brasunas


Quoting the original answer (in comment) by Jonathan Rowny on "masked input not working in android mobiles?":

This was fixed awhile ago (11 months ago) but for some reason the distribution posted on the website never took the changes. If you grab from the raw source, the fix works: https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/master/src/jquery.maskedinput.js

like image 27
PolGraphic Avatar answered Sep 27 '22 19:09

PolGraphic