js限制input只能输入有效的数字
时间: 2023-04-11 14:02:03 浏览: 175
可以使用HTML5中的input标签的type属性来限制输入,将type属性设置为"number"即可。同时,可以使用JavaScript的正则表达式来验证输入的数字是否有效。以下是一个示例代码:
HTML代码:
<input type="number" id="myInput">
JavaScript代码:
var input = document.getElementById("myInput");
input.addEventListener("input", function() {
var value = input.value;
var valid = /^\d+(\.\d+)?$/.test(value);
if (!valid) {
input.value = "";
}
});
相关问题
js限制input只能输入数字字母
可以使用正则表达式来限制输入只能是数字和字母。可以在输入框的oninput事件中添加如下代码:
```javascript
function onlyNumberAndLetter(e){
e.target.value = e.target.value.replace(/[^0-9a-zA-Z]/g,'');
}
```
然后在HTML中添加一个输入框,并将oninput事件绑定到onlyNumberAndLetter函数:
```html
<input type="text" oninput="onlyNumberAndLetter(event)">
```
这样就可以限制输入框只能输入数字和字母了。
利用js限制input只能输入数字
可以使用以下代码:
```html
<input type="text" oninput="this.value=this.value.replace(/[^0-9]/g,'');" />
```
这会将所有非数字字符替换为空字符串。另外,也可以使用以下代码:
```html
<input type="text" onkeydown="return event.keyCode>=48 && event.keyCode<=57" />
```
这会在按下键盘时,只允许输入数字键。
阅读全文