2011-08-16 110 views
3

我需要一個數字輸入掩碼,如「9999.99」 - 或「9999.9」。我知道有一般的jquery插件 - 問題是:有沒有人用過jquerymobile?感謝幫派!Jquerymobile輸入掩碼?

回答

2

這個插件在桌面上看起來不錯,但由於某些原因,它在移動設備上有一些問題(在android 2.3.3上測試過)。 2個問題我有:

  • 與$( '#someInput')面膜:。( 「99/99/9999」,{佔位符 「」}) 當我輸入12345678,我(放置'/的時候一些問題)

  • 當我試圖給出一個值(計算之前,但編輯)它把」 ../獲得12/45/7863。 。/ ....'當我集中輸入時。

有人有解決方法或更多的移動設備友好的面具插件嗎?

編輯:經過大量的嘗試和失敗後,似乎問題不在蒙面輸入插件(這不是一個新聞,因爲它在桌面和Ios上完美工作),但它是android管理修改的方式焦點輸入的值。 當你添加一個字符時,它會很好地顯示它,但記住光標所在的位置,並且不要移動它,所以當你鍵入後面時,它似乎會在添加之前返回。

我試圖通過添加setrange來實現這個功能,但它似乎沒有考慮添加的字符。出於想法,我通過在按鍵上過濾輸入,將輸入中的字符間隔開,並在背景中放置一個/ /圖像。

我對任何可能更清潔的東西仍然開放。

0

This jsFiddle link working with phone

的HTML是:

<form id="contact_info_form"> 
    Cell Phone: <br/> 
    <input type="text" value="" class="input-phone" name="Q3" id="Q3" />  
</form>​ 

和JavaScript:

$(function(){ 
    $(".input-phone").mask("(999)-999-9999");  
});​ 
+1

是否也能在這裏加上你的代碼,所以人們不需要訪問的jsfiddle得到答案? – Bart