CalendarExtender Validation

With the Ajax Control Toolkit, developing Ajax-enabled ASP.NET Web Forms applications becomes remarkably streamlined. The toolkit facilitates the process by allowing developers to effortlessly drag and drop Toolkit controls from the Visual Studio Toolbox onto an ASP.NET Web Forms page.

Ajax Control Toolkit

One of the notable controls in the Ajax Control Toolkit is the CalendarExtender. This control offers exceptional ease of use, as it can be seamlessly associated with both TextBox and Button controls. By simply configuring the CalendarExtender control, developers can establish a smooth integration with a TextBox control, enabling users to conveniently select dates from a visually appealing calendar interface. Similarly, the CalendarExtender control can be effortlessly linked with a Button control, providing an alternative mechanism for users to access and interact with the date selection feature.

Calendar-Validation

This intuitive drag-and-drop approach, combined with the versatile functionality of the CalendarExtender control, empowers developers to enhance the user experience of their ASP.NET Web Forms applications by effortlessly incorporating interactive and responsive date selection capabilities into TextBox and Button controls.

The following Asp.Net Ajax program validate a Date input from Ajax CalendarExtender control and shows the message to the client user. The validation performed by using JavaScript in the client side coding.

function verifyDate(sender,args){ var d = new Date(); d.setDate(d.getDate() - 1); if (sender._selectedDate < d) { alert("Date should be Today or Greater than Today"); sender._textbox.set_Value('') } }

You can copy and paste the following source code and run the program. To use the Ajax Control Toolkit in your Visual Studio project, you should add reference to the AjaxControlToolkit.dll in your project.

Default.aspx

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>Untitled Page</title> <script type="text/javascript"> function verifyDate(sender,args){ var d = new Date(); d.setDate(d.getDate() - 1); if (sender._selectedDate < d) { alert("Date should be Today or Grater than Today"); sender._textbox.set_Value('') } } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:Label ID="Label1" runat="server" Text="Click Select Date Button to view Calendar"></asp:Label> <br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Select Date" /> <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1" PopupButtonID="Button1" OnClientDateSelectionChanged="verifyDate" /> </div> </form> </body> </html>





Related Topics
  1. What is Ajax
  2. How to ASP.NET Ajax
  3. ASP.NET Ajax ServerControls
  4. First Asp.Net Ajax Program
  1. ASP.NET Ajax UpdateProgress
  2. ASP.NET Ajax Timer
  3. ASP.NET Ajax Database Programming
  4. ASP.NET Ajax Toolkit
  5. ASP.NET Ajax Accordion
  6. Ajax Accordion from database
  7. Ajax Accordion from XML
  8. Ajax AsyncFileUpload Control
  9. Ajax ConfirmButtonExtender
  10. Ajax CalendarExtender