如何使用Jquery.ui.datepicker.css验证出生日期和死亡日期文本框

How to validate a date of birth with a date of deceased textboxes using Jquery.ui.datepicker.css

本文关键字:日期 文本 出生日期 验证 Jquery 何使用 ui datepicker css      更新时间:2023-09-26

我有一个文本框,我认为它正在通过CssClass引用Jquery.ui.datepicker.css?:

文本框1-出生日期(所有验证都在这里进行):

<asp:TextBox runat="server" ID="txtDOB" CssClass="small date"></asp:TextBox>

文本框2-死亡日期(需要从中提取数据以进行验证):

<asp:TextBox runat="server" ID="txtDOD" CssClass="small date"></asp:TextBox>

我不熟悉jquery,但一直在尝试使用C#针对这两个文本框进行编程,这可能吗?

我也不熟悉这个类jquery.ui.datepicker.css,它来自哪里?它究竟是如何被引用的?为什么选择它而不是典型的asp.net控件?

如果没有,我如何编写jquery表达式(我需要正则表达式吗?)来满足需求?

我正在努力满足以下要求:它不能是未来的日期,必须小于死亡日期,并且必须至少是18年前。

感谢您提供的任何指导。

jQuery UI日期选择器只是在文本框中添加了一个日期选择器。当你点击文本框时,会出现一个小日历,你可以选择你想要的日期。在某些情况下,它比输入日期更容易。然而,这可能与你的问题无关。

您需要在服务器端验证数据,以确保不会得到坏数据,但最好也在客户端验证,以避免往返服务器。你需要做的(在服务器和客户端上)是…

  1. 获取节育日期的值
  2. 获取失效控制日期的值
  3. 比较这些值
  4. 如果它们没有意义,请向用户提供一条错误消息,告诉他们更正问题

服务器端示例:

DateTime dob=DateTime.Parse(txtDOB.Text); //consider using an overloaded method to account for different date formats.
DateTime dod=DateTime.Parse(txtDOD.Text); //consider using an overloaded method to account for different date formats.
if(dob>dod)
{
    //provide error message to the client
}

理想情况下,这种客户端逻辑应该发生在模型层中,并向UI层返回某种验证摘要对象,然后UI层负责确定如何将其显示给客户端。

我将把客户端的例子留给其他人。请注意,您需要将ClientIdMode设置为static,以便在控件中获得正确的ID。