用js语言编写弹出用户年龄输入框,如果用户输入非数字,提示用户输入年龄数字,如果用户输入年龄不满足0-100之间数字,提示用户输入合法年龄,提示用户输入的年龄
时间: 2024-06-12 15:09:01 浏览: 11
使用JS语言编写弹出用户年龄输入框的代码如下:
```javascript
function getAge() {
var age = prompt("请输入您的年龄:");
if (isNaN(age)) {
alert("请输入数字作为年龄!");
getAge();
} else if (age < 0 || age > 100) {
alert("请输入合法的年龄!");
getAge();
} else {
alert("您输入的年龄是:" + age);
}
}
getAge();
```
相关问题
html页面输入框用JavaScript实现只能输入10位数字如不是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()`。
html页面输入框点击提交按钮后用JavaScript实现只能输入10位数字如不是10位数字弹框提示
好的,可以按照下面的步骤实现:
1. 在HTML中,我们需要定义一个输入框和一个提交按钮:
```
<input type="text" id="inputBox">
<button onclick="submitInput()">提交</button>
```
2. 在JavaScript中,我们需要编写一个函数来检查输入框中的内容是否为10位数字,并且在输入不合法时弹出提示框:
```
function submitInput() {
var input = document.getElementById("inputBox").value;
var reg = /^\d{10}$/;
if (reg.test(input)) {
// 输入合法,可以提交数据
alert("提交成功!");
} else {
// 输入不合法,弹出提示框
alert("请输入10位数字!");
}
}
```
3. 在函数中,我们首先获取输入框中的内容,然后使用正则表达式来检查是否为10位数字。如果是,弹出“提交成功”的提示框,否则弹出“请输入10位数字!”的提示框。
4. 最后,我们需要在HTML中的提交按钮中调用这个函数,所以需要在按钮的`onclick`属性中添加`submitInput()`。
完整的代码如下:
```
<input type="text" id="inputBox">
<button onclick="submitInput()">提交</button>
<script>
function submitInput() {
var input = document.getElementById("inputBox").value;
var reg = /^\d{10}$/;
if (reg.test(input)) {
// 输入合法,可以提交数据
alert("提交成功!");
} else {
// 输入不合法,弹出提示框
alert("请输入10位数字!");
}
}
</script>
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)