input輸入框去除小數點的坑

2021-10-21 03:58:45 字數 1051 閱讀 8709

當輸入第乙個小數點時,無法獲取這個小數點的長度,只能獲取到小數點前面數字的長度;當再次輸入乙個數字時才能獲取到這個小數點的長度,才能進行正則匹配。只要輸入框存在兩個小數點,輸入框的長度就為0。

原因: 因為number為數字型別,所以只能獲取到數字的長度。

匹配結果為:長度為11,不含小數點的的任意數字

html**

type

="number"

v-model

="othermoney"

placeholder

="請輸入內容"

@input

="otherm"

maxlength

="11"

>

el-input

>

js**

otherm()

)+$/;if

(!regular.

test

(this

.othermoney)

)// 限制最大長度(當type值為number時,elementui 的 maxlength="11"不起作用)if(

this

.othermoney.length >=11)

}

匹配結果為:長度為11,不含小數點的的任意數字

html**

type

="text"

v-model

="othermoney"

placeholder

="請輸入內容"

@input

="otherm"

maxlength

="11"

>

el-input

>

js**

otherm()

)+$/;if

(!regular.

test

(this

.othermoney)

)}

輸入框只能輸入數字和小數點

1.下面的語句是用 jquery 寫的,控制 class 為checknum 的文字框只能輸入數字和小數點。js 監聽鍵盤,只允許輸入數字和小數點 checknum keypress function event focus function imemode 有四種形式,分別是 active 代表輸...

js 實現input輸入框小數點前五位後二位數控制

在專案中我們很多時候會有這樣的需求輸入框中限制小數點前面最多幾位後面幾位 如下圖 1.html裡面 nkeyup clearnonum this,5 融資金額 2.js裡面 function clearnonum obj,digits var posdot temp.indexof 返回指定字元在此...

input輸入框限制輸入數字(含小數)

限制input框輸入含小數的數字 obj.value obj.value.replace d.g,清除 數字 和 以外的字元 obj.value obj.value.replace g,驗證第乙個字元是數字而不是.obj.value obj.value.replace g,只保留第乙個.清除多餘的....