jq 多个input框只能输入数字
时间: 2023-10-09 22:06:21 浏览: 156
您可以使用jQuery来实现多个输入框只能输入数字的功能。您可以通过以下代码来实现:
```javascript
$(document).ready(function(){
// 给所有的输入框绑定 keydown 事件
$('input[type="text"]').keydown(function(event) {
// 允许使用的按键
var allowedKeys = [8, 9, 37, 39, 46]; // Backspace, Tab, Left arrow, Right arrow, Delete
// 获取当前按下的键值
var keyCode = event.keyCode || event.which;
// 判断是否为允许使用的按键
if ($.inArray(keyCode, allowedKeys) !== -1) {
return true;
}
// 判断是否为数字键
if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105)) {
return true;
}
// 阻止默认事件和冒泡
event.preventDefault();
event.stopPropagation();
return false;
});
});
```
这段代码会给所有类型为"text"的输入框绑定keydown事件,然后在事件处理函数中判断按下的键是否为数字键或允许使用的键,如果是则允许输入,否则阻止默认事件和冒泡,达到只能输入数字的效果。
您可以根据需要修改选择器来选择特定的输入框,比如给class为"numeric-input"的输入框绑定事件,可以使用类选择器:`$('.numeric-input')`。
阅读全文