html页面输入框用JavaScript实现只能输入10位数字如不是10位数字弹框提示
时间: 2024-03-01 17:51:11 浏览: 61
js实现输入为0-10的数字,保留两位小数。
好的,可以这样实现:
在HTML中,我们需要定义一个输入框和一个按钮:
```
<input type="text" id="inputBox">
<button onclick="checkInput()">检查输入</button>
```
然后,在JavaScript中,我们可以编写一个函数来检查输入框中的内容是否为10位数字:
```
function checkInput() {
var input = document.getElementById("inputBox").value;
var reg = /^\d{10}$/;
if (reg.test(input)) {
alert("输入正确!");
} else {
alert("输入错误,请输入10位数字!");
}
}
```
这个函数首先获取输入框中的内容,然后使用正则表达式来检查是否为10位数字。如果是,弹出“输入正确”的提示框,否则弹出“输入错误,请输入10位数字!”的提示框。
注意,这个函数需要在HTML中的按钮中调用,所以需要在按钮的`onclick`属性中添加`checkInput()`。
阅读全文