javascript - 尝试根据 ASP.NET Web 应用程序中下拉列表和日期选择器中的选定值进行年龄验证

我正在为一家酒店做预订网络应用程序。我有一个表格，人们应该为自己和其他人输入数据。我想做年龄验证并使两个字段可靠。第一个字段：人应该选择他是成人还是儿童。第二栏：出生日期。在这里，我希望执行验证。如果输入的人是成人，则验证人是否在 18 岁以上。如果输入的人是儿童，则检查人是否未满 18 岁。

我将从表格中张贴一张照片。我想用 javascript/jquery 来做。但我也愿意接受其他建议。我正在使用 ASP.NET MVC 来构建这个 Web 应用程序。

表格为保加利亚语。所以这就是我在截图工具中用英文写的原因。1

标签： javascriptjqueryasp.net.netfrontend

此验证不是必需的。如果用户需要输入出生日期。那么他们不应该被要求根据你的定义来规定他们是否是成年人（在这种情况下，超过 18 岁）。

相反，您应该自己定义它并将结果（成人或儿童）显示为标签。

因此，在他们选择出生日期后。使用一些 javascript 读取该值，通过使用or从 Javascript 的Date对象中进行简单减法来找到它们的年龄。然后动态显示他们是儿童还是成人作为标签。.now();getFullYear();

这更像是一个用户体验问题。减少混乱和人为错误是理想的途径。

如果您的客户坚持让用户可以自由选择未通过表单验证的选择，那就另当别论了。您花费更多时间尝试使其用户友好（例如，限制他们可以根据其他表单控件选择的日期），您可以为此生成一个更好的解决方案，但是您将使第一个控件依赖于另一个控件。其中 1 的功能始终受在另一个中选择的值的影响。