2015-11-06 80 views
-2

我想知道,我怎麼能重現這樣的事情: Number with dots用於輸入數字格式字段

我自己畫這個,但我看到它已經在網站上幾次,這點分離數字(如來自佔位符屬性的文本)。不幸的是,我忘了我在哪裏看到它,所以我不能分析代碼來檢查他們是如何做到的。 挑戰在於,當需要顯示點時,當我輸入三個數字並且不應提交點或任何空格時,光標應該跳到下一個點的後面。帖子數據應該在這種情況下是「123456789」。

我已經試過谷歌這些情況下,但我發現只有解決方案的輸入值被替換爲包含點的新值。

有沒有人現在可以如何存檔? 用JS或純CSS可以實現嗎?

感謝您的幫助提前

+0

您正在尋找「輸入掩碼」。 – Mathletics

+0

那麼,如果我要開發這個,我會使用一個固定大小的字體,使用一個遮罩的編輯組件替代空格的3號分隔符,然後使用on-change中的事件繪製點。但真正的問題是......爲什麼這麼多工作只是因爲點不透明?我真的認爲這不會帶來回報。 –

+0

@Mathletics謝謝。我會看看它。 –

回答

0
+0

我錯誤地downvoted現在刪除的答案。該問題的評論澄清。我建議老作者重新發布正確的答案。 –

+0

非常感謝您的建議。問題是,它沒有兌現我的一個挑戰。我只想在設計中分離。當我提交表格時,不應發佈實際發生的分隔符。我正在爲現有網站創建附加腳本(tampermonkey)。我不想摧毀已經存在的對輸入字段外顯示的字段的驗證。 EIDT:我用你的第一個建議 –

+1

jquery mask插件有一個.cleanval方法,是不是夠了? –