2014-12-04 66 views
4

我已经通过网站搜索,我发现了以下。触发数字键盘输入Android/IOS没有HTML5

使用HTML5,我们可以触发数字键盘毫不费力的像下面,

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

但我现在用的是autoNumeric插件格式/限制用户如果输入作为数字。 根据autoNumeric插件(http://www.decorplanit.com/plugin/)的文档,如果input type ='tel/number',则autoNumeric将不起作用。我试过了,是的它不起作用。

  • 如果我使用HTML5并删除autoNumeric,将反映出我的应用程序不会对用户友好的方式。为了让用户友好的,我需要做更多的代码更改(应该研究完全启动之前:-()。
  • 如果我有autoNumeric去的话,我的申请将不会被用户友好的移动。
  • 如果我跟另外一个插件,而不是autoNumeric和支持HTML5,那么我需要整个项目和测试时间将采取更多的成本返工。

这里我的要求是,

如何启用/触发数字键盘 in mobile/ipad/iphone without html5

或者

是否有任何的jQuery插件,以启用/触发数字键盘移动/ iPad/iPhone的没有HTML5和与autoNumeric JS(autonumeric js

+1

您应该考虑手机的html5版本,也许会回到使用桌面插件的版本。 – Jamiec 2014-12-04 12:18:11

+0

如果是对的,你说要动态检测并加载适当的输入和jquery插件。对 ? – 2014-12-04 12:23:16

回答

5

按文档,Version 1.9.19添加<input type='tel' />

那么支持,为什么不利用呢?

+0

他们记录了吗? – 2014-12-15 12:07:03

+0

嗨,但他们已经提到像“类型必须设置为”文本“有正确的autoNumeric功能”:-(。检查文档http://www.decorplanit.com/plugin/ – 2014-12-15 12:18:02

+0

是的,他们已经提到在更新该版本的日志。在doc页面上。滚动到下面,看看 – 2014-12-15 13:02:11

3

Official workaroundsautoNumeric.js

  1. <input type="text" pattern="\d*">目前适用于iOS只
  2. <input type="tel" pattern="\d*">应该在大多数移动浏览器上运行 - 在Android设备上你可能会暂停,等待按钮。

如果您需要小数位数,您可以将模式修改为[\d\.]*