Masked input is not working in android phones

jquery maskedinput
Chaman picture Chaman · Nov 11, 2013 · Viewed 12.2k times · Source

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.

Answer

Tony Brasunas picture Tony Brasunas · Apr 3, 2015

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.

Related questions

Phone mask with jQuery and Masked Input Plugin

I have a problem masking a phone input with jQuery and Masked Input Plugin. There are 2 possible formats: (XX)XXXX-XXXX (XX)XXXXX-XXXX Is there any way to mask it accepting both cases? EDIT: I tried: $("#phone").mask("(99) 9999-9999"); $("#telf1").mask("(99) 9999*…

Read More
Masked input for currency jQuery

In my web application I have an input field called "Budget" where users enter the proposed budget for a project. I need to create a masked input to automatically bring the entered amount to the following format while the user …

Read More
How to change Phone number format in input as you type?

My CodePen: http://codepen.io/leongaban/pen/cyaAL I have an input field for a phone number which allows up to 20 characters (for international numbers). I'm also using the Masked input jQuery plugin by Josh Bush to format the phone …

Read More