如何使用Jquery.ui.datepicker.css验证出生日期和已故文本框的日期

时间:2014-09-03 20:20:56

标签: c# javascript css asp.net jquery-ui

我有一个文本框,我相信通过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年前。

感谢您提供任何指导。

1 个答案:

答案 0 :(得分:0)

jQuery UI Date Picker只是在文本框中添加日期选择器。当您单击文本框时,会出现一个小日历,您可以选择所需的日期。在某些情况下,它比输入日期更容易。但是,这可能与您的问题无关。

您需要验证服务器端的数据以确保不会收到错误数据,但最好还是在客户端验证以避免往返服务器。你需要做什么(在服务器和客户端上)是......

  1. 获取生育控制日期的价值
  2. 获取已故控制日期的值
  3. 比较值
  4. 如果它们没有意义,请向用户提供错误消息,告诉他们纠正问题。
  5. 服务器端示例:

    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设置为静态,以便在控件中获得正确的ID。