Masked inputs using PhoneGap on Android

Question

I am using jQuery Mobile + PhoneGap to create my first mobile application, and I need to apply <input /> masks. For this, I'm trying to use the jQuery Masked Input plugin , which I used for desktop browsers and just worked. But the Android 4.0 browser used in PhoneGap seems to have strange problems with this plugin:

• Using <input type="text" /> works, but this input type shows an alphanumeric keyboard, which is not useful;
• Using <input type="number" /> , we got a numeric keypad, but it loses all typed characters;
• Using <input type="tel" /> , we got a numeric keypad, and it seems to work, but it behaves unexpectedly.

In the end, none of the options seem to fit my needs. Is there any other alternative to using <input /> masks with jQuery Mobile + PhoneGap on Android? Thank you in advance!

Answer 1

I did not use masked inputs, but I will try to use the jqxMaskedInput widget , which supports jqm and mobile browsers.

Also consider this question. Hope this helps.