masked input not working in android mobiles?
I resolved this issue with three actions, which have fixed this for all Android 4.0+ phones:
- Update masked-input to at least version 1.4
- Add
type="tel"
to the input, to trigger the numeric keyboard - Remove the input's
maxlength
attribute or set it to a value certain not to interfere with the caret action, like20
.
I tried using the raw script that Jonathan Rowny mentioned, but I was still having the same problem on an S3 - Chrome browser. I think it has something to do with inputs type="tel"
and/or type="number"
. I ended up having to use another plugin. http://igorescobar.github.io/jQuery-Mask-Plugin/
jquery-mask (not to be confused with jquery-masked-input) is very similar but the syntax was slightly different. Hope this helps anyone else with this issue.
jquery-masked-input syntax:$("#phone").mask("(999) 999-9999");
VS
jquery-mask syntax: ('#phone').mask('(000) 000-0000');
This was fixed awhile 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