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

時間 2020-05-10

標籤 html 限制 input 輸入只能數字欄目 HTML 简体版

原文原文鏈接

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

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

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

二、onchange = "value=value.replace(/[^\d]/g,'')"瀏覽器

使用 onchange 事件，在輸入內容後，只有 input 喪失焦點時纔會獲得結果，並不能在輸入時就作出響應測試

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

使用 oninput 事件，完美的解決了以上兩種問題，測試暫時尚未出現其它問題。code

代碼示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
</head>
<body>
    只能輸入純數字的輸入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
</body>
</html>

以上代碼均已在谷歌、火狐、百度、UC、IE十一、360急速、QQ、Edge瀏覽器下測試完畢，請放心使用，

相關標籤/搜索

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

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

代碼示例

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