在HTML中限制input 輸入框只能輸入純數字

2022-03-18 14:45:20 字數 562 閱讀 8971

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

使用onkeyup事件,有bug,那就是在中文輸入法狀態下,輸入漢字之後直接回車,會直接輸入字母

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

使用onchange事件,在輸入內容後,只有input喪失焦點時才會得到結果,並不能在輸入時就做出響應

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

使用oninput事件,完美的解決了以上兩種問題,測試暫時還沒有出現其它問題。

**示例

只能輸入純數字的輸入框:

在HTML中限制input 輸入框只能輸入純數字

限制 input 輸入框只能輸入純數字 1 onkeyup value value.replace d g,使用 onkeyup 事件,有 bug 那就是在中文輸入法狀態下,輸入漢字之後直接回車,會直接輸入字母 2 onchange value value.replace d g,使用 onchan...

html5 Input限制輸入

js判斷只能是數字和小數點 測試寫了type屬性有時會失效 1.文字框只能輸入數字 小數點也不能輸入 input onkeyup this.value this.value.replace d g,onafterpaste this.value this.value.replace d g,2.只能...

js限制input輸入

1.取消按鈕按下時的虛線框,在input裡新增屬性值 hidefocus 或者 hidefocus true 2.唯讀文字框內容,在input裡新增屬性值 readonly 3.防止退後清空的text文件 可把style內容做做為類引用 4.enter鍵可以讓游標移到下乙個輸入框 5.只能為中文 有...