Android / IOS trigger numeric keypad without HTML5

I was browsing the sites where I found the following.

Using html5, we can launch the numeric keypad effortlessly, for example,

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

But I use the autoNumeric plugin to format / limit user input, if as numbers. According to the documentation of the autoNumeric plugin ( http://www.decorplanit.com/plugin/ ), autoNumeric will not work if the input type = 'tel / number '. I tried and yes, this will not work.

  • If I switch from HTML5 and remove autoNumeric, it will reflect that my application will not be user friendly. To make it user friendly, I need to make more code changes (it should be well researched before running :-().
  • If I go with autoNumeric then my application will not be convenient in MOBILE.
  • If I switch to another plugin instead of autoNumeric and support HTML5, then I need to rework the entire project, and the testing time will take longer.

Here is my requirement:

How to enable / run the numeric keypad in mobile / ipad / iphone without html5 ?

or

- jquery / /ipad/iphone html5 autoNumeric js (autonumeric js)?

+4
2

Version 1.9.19 ​​ <input type='tel' />

, ?

+5

autoNumeric.js

  • <input type="text" pattern="\d*"> iOS
  • <input type="tel" pattern="\d*"> - Android .

, [\d\.]*.

+3

All Articles