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

本文关键字：日期 文本 出生日期 验证 Jquery 何使用 ui datepicker css | 更新日期: 2023-09-27 18:20:29

我有一个文本框，我认为它正在通过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.datepicker.css验证出生日期和死亡日期文本框

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。

相关文章：