Trigger numeric keyboard for input in Android/IOS without HTML5

Question

I've searched through the websites that I found the following.

Using html5, we can trigger numeric keyboard with effortless like following,

<input type='tel' />
<input type='number'/>
<input type='text' pattern='some pattern' /> (This will work in IOS and not in android)

But I am using the autoNumeric plugin to format/restrict the user input if as digits. As per the documentation of autoNumeric plugin (http://www.decorplanit.com/plugin/), autoNumeric won't work if input type='tel/number' . I tried and yes it doesn't work.

If I go with the HTML5 and removing autoNumeric, will reflect in the way that my application won't be user friendly. To make it user friendly I need to do more code changes (It should be researched perfectly before start :-( ).
If I go with autoNumeric, then my application won't be user friendly in MOBILE.
If I go with another plugin instead of autoNumeric and that support HTML5, then I need to rework with whole project and testing time will take more cost.

Here my requirement is,

How to enable/trigger numeric keyboard in mobile/ipad/iphone without html5 ?

Or

Is there any jquery plugin to enable/trigger numeric keyboard in mobile/ipad/iphone without html5 and with autoNumeric js (autonumeric js)?

You should consider the html5 version for mobiles, and perhaps fall back to a version using your plugin for desktops. — Jamiec
– Jamiec, Commented Dec 4, 2014 at 12:18
If am right, you are saying to detect dynamically and load appropriate the input and jquery plugin. Right ? — Jeeva J
– Jeeva J, Commented Dec 4, 2014 at 12:23

Salil Dabholkar · Accepted Answer · 2014-12-15 10:42:45Z

5

+50

As per the documentation, Version 1.9.19 added support for <input type='tel' />

So, why not use that?

answered Dec 15, 2014 at 10:42

Salil Dabholkar

6223 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Jeeva J Over a year ago

Do they documented it ?

Jeeva J Over a year ago

Hi but they've mentioned like "Type must best set to "text" to have autoNumeric function properly" :-( . check the documentation decorplanit.com/plugin

Salil Dabholkar Over a year ago

Yup, they have mentioned in the update log of that version. Its on the doc page. Scroll below and see

Jeeva J Over a year ago

Yes, but I've seen like in the known issues as "Type must best set to "text" to have autoNumeric function properly"

Alex Klaus · Accepted Answer · 2015-10-01 00:43:03Z

4

Official workarounds from autoNumeric.js are

<input type="text" pattern="\d*"> Currently works on iOS only
<input type="tel" pattern="\d*"> Should work on most mobile browsers - on android devices you may get the pause and wait buttons.

If you need decimal digits, you may modify the pattern to [\d\.]*.

answered Oct 1, 2015 at 0:43

Alex Klaus

9,0949 gold badges77 silver badges101 bronze badges

Collectives™ on Stack Overflow

Trigger numeric keyboard for input in Android/IOS without HTML5

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related