的文本字段數字鍵盤上的移動瀏覽器

Question

我想說明一個數字鍵盤用戶的，如信用卡號碼，連字符預約號碼的文本字段（ - ）等

我試着用以下

type="text" pattern="[0-9]*" inputmode="numeric" 

但它似乎沒有工作。我已經在iPhone 5 &上的Safari上測試過6.我可以獲得帶有特殊字符的數字小鍵盤，但不知道它是否是一個好的黑客。

我想知道是否有比這更好的選擇。

Answer 1

要顯示數字鍵盤，您可以使用<input type="number">以及pattern屬性來滿足您的要求。正則表達式也可以有最大的限制，以符合您的信用卡或預訂號碼。

請注意，Android Chrome瀏覽器沒有關鍵事件（keyup，keydown，keypress）。所以用戶將能夠進入&，稍後您將能夠驗證它 - 無論是模糊事件還是點擊提交按鈕。