移動端調起數字鍵盤的問題

在做移動端調起數字鍵盤的時候，碰到了不少的問題，在網上找到了方案，但是卻不符合我的要求的，現在總結下:

1.使用input type為number的型別，這種確實可以調起數字鍵盤，但是存在以下問題，會忽略掉點(.)，這樣會導致正則無法匹配的問題，另外我在v-model中繫結的值被清空了，但是無法修改檢視，修改type為text型別就可以

2.使用input type為text的型別，這種使用正則可以允許只填寫**的正規表示式，但是無法調起數字鍵盤

3.使用input type為tel的型別，這種可以調起數字鍵盤，在結合上面的正規表示式，可以做到滿足我的需求驗證**

//需要驗證的表單

//可以使用@input="isnumber('amount_total')" 或 @input="changeinput('amount_total')" 
//驗證表單的方法
isnumber (name) 
//保留小數點後兩位
var arg = this.accountsarg[name].split('.');
if(arg[1] && arg[1].length >= 3)
}//正則驗證的方法
changeinput (name) )?$)|(^0(\.\d)?$)/,
regpricefloat = /^((\d)|0)(\.)$/;
//regpricefloat是為了驗證以.結尾的時候進行匹配，因為regprice在@input事件中以.結尾時無法匹配
if (!regprice.test(this.accountsarg[name]) && !regpricefloat.test(this.accountsarg[name])) 
}

參考文件:

移動端 如何在移動端調出純數字鍵盤

最近在做手機頁面時，遇到數字輸入的鍵盤的問題，之前的做法只是一刀切的使用 type tel 不過一直覺得九宮格的 號碼鍵盤上的英文本母太礙事了。於是想要嘗試其它的實現方案，最終的結論卻令人沮喪。不過也趁機詳細了解了下pattern這個屬性。type tel 和 type number 的區別 這裡還...

基於jQuery的數字鍵盤外掛程式

有時，我們需要在網頁上使用軟鍵盤。今天，就給大家帶來乙個基於jquery的數字鍵盤外掛程式，除了jquery，不需要依賴任何檔案資源。純數字鍵盤，有退格，有清除，不支援輸入小數 需要的可以自己改一下，主要是多個小數點就有13個鍵，不好排列了，呵呵 支援滑鼠拖動和觸控拖動，可關閉。1.頁面 ul li...

ThinkPad 如何啟用 禁用內嵌數字鍵盤

今天幫leo裝系統時，在登入介面時，輸入密碼時發現無法登入，發現在執行xp時，已經自動啟動ibm內嵌數字鍵盤，也就是說，輸入的並非字母，而是數字！僅內嵌數字鍵盤位置的字母 造成了無法登入，同時一直無法知道如何禁用它，在網上找到了答案！thinkpad 如何啟用 禁用內嵌數字鍵盤 適用機型 所有膝上型...