Question

我是Java，php和mysql的新手，我希望年龄验证我的表单，以便当用户在字段中输入其出生日期并提交时，代码将进行验证以查看用户是否年满18周岁或以上，如果他们年满18周岁或以上，将使他们前进到另一个页面，但是如果他们未满18周岁，则将不允许用户继续前进，而是会将用户导航回到网站的首页。

如果有人获得了可以执行此操作的代码，并且也许有逐步执行此操作的指南，那么我将不胜感激。

这是我的CSS代码：

.input select {
background-color: #000;
color: #fff;
width: 100px;
font-size: 20px;
border: 1px solid red;
}
form { 
margin: 0 auto; 
width:320px;
}
.btn-primary {
display: block;
margin: 0 auto;
margin-top: 25px;
font-size: 20px;
cursor: pointer;
background-color: #000;
color: #fff;
border: 1px solid red;
border-radius: 10px;
}
.btn-primary:hover {
background-color: #fff;
color: #000;
}
.official {
margin-top: 250px;
text-align: center;
}
.official a {
color: #fff;
margin-left: 25px;
font-size: 17px;
text-decoration: none;
}
.official a:hover {
text-decoration: none;
}

我的html在pastebin中，我在下面附上了链接：

Pastebin

Form to be age validated

任何帮助将不胜感激，并在此先感谢您。

Answer 1

我建议您在用户提交表单之前使用JavaScript在前端验证表单。下面是一个链接，可帮助您开始使用普通JavaScript进行表单验证。我还建议您使用诸如validate.js或parsely.js之类的javascript库，因为它们可以帮助您验证更多信息，而不仅仅是日期。

了解表单验证-https://www.w3schools.com/js/js_validation.asp
表单验证-https://validatejs.org/ http://parsleyjs.org/

Answer 2

好吧，所以我想像这样。基本上，您想要做的是从我们所在的当前年份中减去 SELECTED YEAR 。因此，类似这样的事情应该可以解决问题：

将id添加到您拥有的<select name="birthday[year]">中在提供的HTML中，类似selectYear。
在选择的年份菜单上收听更改事件。
当用户选择自己的出生年份时，它将触发一个功能。
我们获得了所选年份的值，并从当年中扣除了该值。
我们将该值传递给我们全局定义的yearOfBirth变量。
向表单本身添加id，例如id = form;
收听该submit的{{1}}事件，如果18岁以上，将引导用户进入下一页，如果<18岁，则显示错误。

所以，也许是这样的： 已编辑

FORM

这应该有效。测试了一下，它确实起作用。除非您想获取此数据并将其保存到数据库（MySQL）中，否则因为您尚未在问题中说明此类情况。干杯。

如何对提交表单进行年龄验证

2 个答案: