input设置禁止输入数字
时间: 2023-08-29 08:10:22 浏览: 93
要实现input框禁止输入数字,可以采用两种方法。第一种方法是利用input事件和正则表达式,在input事件触发时,使用正则表达式将非数字和小数点以外的字符替换为空。第二种方法是利用keydown事件和阻止默认事件,在keydown事件触发时,判断按键的keyCode,如果不是数字、小数点和删除键,就阻止默认事件。\[1\]
下面是两种方法的具体实现:
方法一:使用input事件和正则表达式
```html
<body>
<div>
<input type="text" oninput="inputNumber(this)">
</div>
<script>
function inputNumber(e) {
e.value = e.value.replace(/\[^0-9.\]/g, "") // 不可输入数字和小数点以外的字符
}
</script>
</body>
```
方法二:使用keydown事件和阻止默认事件
```html
<body>
<div>
<input type="text" id="input_">
</div>
<script>
let input_ = document.getElementById("input_");
input_.onkeydown = function(e) {
let _code = e.keyCode;
if ((_code < 48 || _code > 57) && _code != 190 && _code != 8) { // 输入除数字、小数点和删除键以外的字符均阻止
e.preventDefault();
}
}
</script>
</body>
```
你可以根据需要选择其中一种方法来实现禁止输入数字的功能。
#### 引用[.reference_title]
- *1* *3* [input 框禁止输入非数字和小数点以外的字符(两种思路和方法)](https://blog.csdn.net/qq_41800366/article/details/106374355)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [input限制输入数字](https://blog.csdn.net/Lily_Deng/article/details/120363111)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文