如何解決input輸入框只輸入數字

2021-09-17 22:14:17 字數 452 閱讀 3434

在做一些手機號、驗證碼登入的時候,一般都會對input框的輸入進行限制,手機號只能是數字,以後有三種方式:

onkeyup = "value=value.replace(/[^\d]/g,'')"

這種方式在鍵盤為英文輸入法的時候,沒有問題,但是,中文輸入法輸入時,這種方式無效

"value=value.replace(/[^\d]/g,'')"

這個事件在一直處於聚焦的狀態下,不會觸發,只有在失去焦點的時候,才會觸發,所以,這種方法依然不適用

oninput="value = value.replace(/[^\d]/g,'')"

這個oninput事件,是一直檢測輸入的變化,最能夠滿足我們的需求

注:使用

input 輸入框限制

只能輸入數字和乙個小數點 function clearnonum obj g,只保留第乙個.清除多餘的 obj.value obj.value.replace replace g,replace obj.value obj.value.replace d d 1 2.3 只能輸入6個小數 親測有用!...

input輸入框輸入金額校驗

輸入框 js校驗只能輸入帶兩位小數的金額 price on input propertychange function g,保證.只出現一次,而不能出現兩次以上 this.value this.value.replace replace g,replace 只能輸入兩位小數 this.value t...

限制 input 輸入框只能輸入數字

1 onkeyup value value.replace d g,使用 onkeyup 事件,有 bug 那就是在中文輸入法狀態下,輸入漢字之後直接回車,會直接輸入字母 2 onchange value value.replace d g,使用 onchange 事件,在輸入內容後,只有 inpu...