masked input not working in android mobiles?
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
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');