Tuesday, 29 July 2014

How to use MaskedEditValidator in ASP.NET Ajax

Ajax MaskedEditValidator – How to use MaskedEditValidator in ASP.NET Ajax
  1. <%@ Page Language=“C#” AutoEventWireup=“true” %>

  2. <%@ Register Assembly=“AjaxControlToolkit” Namespace=“AjaxControlToolkit” TagPrefix=“cc1″ %>

  3. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  4. <script runat=“server”>
  5.     protected void Button1_Click(object sender, EventArgs e)
  6.     {
  7.         Label1.Text = “You submitted date: “;
  8.         Label1.Text += Convert.ToDateTime(TextBox1.Text).ToLongDateString();
  9.     }
  10. </script>
  11. <html xmlns=“http://www.w3.org/1999/xhtml” >
  12. <head id=“Head1″ runat=“server”>
  13.     <title>Ajax MaskedEditValidator - How to use MaskedEditValidator in asp.net ajax</title>
  14. </head>
  15. <body>
  16.     <form id=“form1″ runat=“server”>
  17.     <div>
  18.         <h2 style=“color:IndianRed; font-style:italic;”>Ajax Control Toolkit Example: Using MaskedEditValidator</h2>
  19.         <hr width=“600″ align=“left” color=“Salmon” />
  20.         <asp:ScriptManager
  21.             ID=“ScriptManager1″
  22.             runat=“server”
  23.             >
  24.         </asp:ScriptManager>
  25.         <br /><br />
  26.         <asp:Label
  27.             ID=“Label1″
  28.             runat=“server”
  29.             ForeColor=“DeepPink”
  30.             Font-Size=“Large”
  31.             Font-Italic=“true”
  32.             Font-Bold=“true”
  33.             >
  34.         </asp:Label>
  35.         <br /><br />
  36.         <asp:Label
  37.             ID=“Label2″
  38.             runat=“server”
  39.             Text=“Meeting Date [mm/dd/yyyy] “
  40.             ForeColor=“DarkSeaGreen”
  41.             Font-Bold=“true”
  42.             >
  43.         </asp:Label>
  44.         <asp:TextBox
  45.             ID=“TextBox1″
  46.             runat=“server”
  47.             BackColor=“DarkSeaGreen”
  48.             Font-Bold=“true”
  49.             ForeColor=“Snow”
  50.             >
  51.         </asp:TextBox>
  52.         <cc1:MaskedEditExtender
  53.             ID=“MaskedEditExtender1″
  54.             runat=“server”
  55.             TargetControlID=“TextBox1″
  56.             Mask=“99/99/9999″
  57.             MaskType=“Date”
  58.             MessageValidatorTip=“true”
  59.             >
  60.         </cc1:MaskedEditExtender>
  61.         <cc1:MaskedEditValidator
  62.             ID=“MaskedEditValidator1″
  63.             runat=“server”
  64.             ControlToValidate=“TextBox1″
  65.             ControlExtender=“MaskedEditExtender1″
  66.             IsValidEmpty=“false”
  67.             EmptyValueMessage=“Input date”
  68.             InvalidValueMessage=“inputted date not valid”
  69.             >
  70.         </cc1:MaskedEditValidator>
  71.         <br /><br />
  72.         <asp:Button
  73.             ID=“Button1″
  74.             runat=“server”
  75.             Text=“Submit Next Meeting Date”
  76.             Font-Bold=“true”
  77.             ForeColor=“SaddleBrown”
  78.             OnClick=“Button1_Click”
  79.             Height=“40″
  80.             />
  81.     </div>
  82.     </form>
  83. </body>
  84. </html>


No comments:

Post a Comment