首页用JavaScript设计一个表单，可以让用户输入姓名、年龄，并编写程序对年龄有效性检验（16 岁到 40 岁之间），姓名不能为空，数据合格后提交。

用JavaScript设计一个表单，可以让用户输入姓名、年龄，并编写程序对年龄有效性检验（16 岁到 40 岁之间），姓名不能为空，数据合格后提交。

时间: 2024-03-18 17:40:55 浏览: 167

好的，以下是一个简单的实现，包括表单的设计和年龄有效性检验的 JavaScript 代码： ```html <!DOCTYPE html> <html> <head> <title>表单</title> </head> <body> <h2>请填写以下信息：</h2> <form onsubmit="return checkForm()" method="post" action="#"> <label for="name">姓名：</label> <input type="text" id="name" name="name" required><br><br> <label for="age">年龄：</label> <input type="number" id="age" name="age" required><br><br> <input type="submit" value="提交"> </form> <script> function checkForm() { // 获取输入的姓名和年龄 var name = document.getElementById("name").value; var age = document.getElementById("age").value; // 检验年龄有效性 if (age < 16 || age > 40) { alert("年龄必须在16岁到40岁之间！"); return false; } // 检验姓名是否为空 if (name == "") { alert("姓名不能为空！"); return false; } // 如果数据合格，可以提交表单 alert("提交成功！"); return true; } </script> </body> </html> ``` 这个表单使用了 HTML 的 `<form>` 标签来设计，包括了输入姓名和年龄的输入框。其中，`required` 属性表示该项为必填项。在提交表单时，使用了 JavaScript 的 `checkForm()` 函数来进行年龄有效性检验和姓名是否为空的检验，如果数据合格，就可以提交表单。

阅读全文