2014-12-04 75 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\.]*