如何在没有部分更改事件的情况下确认预先选择的日期？

Question

我的是 C# Web 应用程序。 我有一个日历控件，默认将今天作为所选日期。 问题是，如果用户单击所选日期，那么由于没有 更改日期时 SelectedChanged 不会触发。没有其他控制 触发的事件。我如何确认用户选择 预先选定的日期？

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
        {               
            if (ddlCityNames.SelectedIndex == 0 || ddlHotelNames.SelectedIndex == 0)
            {
                if(ddlCityNames.SelectedIndex==0)
                    Page.ClientScript.RegisterClientScriptBlock(typeof(Page), "Script", "alert('Select City');", true);   
                else
                    Page.ClientScript.RegisterClientScriptBlock(typeof(Page), "Script", "alert('Select Hotel');", true);
            }
           }

当用户更改他的选择时，会调用此方法。但是，如果他选择了一个日期并调用了此验证，那么他之前所做的选择仍然存在，但单击该选择不会执行任何操作。当我选择另一个日期并来时在该日期再次可行，但之前选择的日期又如何呢？

Answer 1

查看您的代码，将服务器端验证逻辑移植到客户端会更好。本质上，您必须连接到支持输入（日历控件）的 blur 事件并验证您的下拉菜单。这也将消除日期选择的回发。

在服务器端，验证应该在将使用所有数据的地方完成 - 例如，如果您在填写酒店、城市和日期后调用搜索，则应在 Search 按钮上进行验证。

编辑：

这里有一些示例代码（基于 jquery），可以帮助您入门。我假设您使用的是 AJAX Toolkit Calender Extender 或一些基于 java 脚本的 UI，例如 jquery date-picker 顺便说一下，这将是我的偏好）。通过这两种方法，您可以完全控制支持输入字段。

因此，使用 AJAX 工具包，标记将类似于

<asp:TextBox runat="server" ID="Date1" />
<ajaxToolkit:Calendar runat="server" TargetControlID="Date1" />

现在您可以在标记 (aspx) 文件中包含以下脚本：

$(document).ready(function() {
   var date = $('#<%= Date1.ClientID %>');
   var city = $('#<%= ddlCityNames.ClientID %>');
   var hotel = $('#<%= ddlHotelNames.ClientID %>');

   date.blur(function() {
     // check if date has been selected
     if (date.val() != '') {
       if (city.val() == '') { // **** put value at index zero that you use for no-selection
          alert('Select City');
       }
       else if (hotel.val() == '') {
          alert('Select Hotel');
       }
     }
   });
});